html5 video?

[Wegg]

I have Xara Web Designer 7 Premium and am attempting to create a website that is iOS and android friendly. I'm stuck at video. I have some .mp4 files that play perfectly fine on my android phone and tablets but when added to Xara seem to have html code wrapped onto them that only works with flash. No HTML5 support. :-( Is there some trick or flag that I'm missing?

[steve.ledger]

HTML5 video support was introduced in Version 7 and improved with v8.
You may not see any HTML5 code, but support is there.

Will my site visitors need to have Flash installed in order to view the movies I insert?

Your site visitors will need to have Flash installed in order to display and play the movies you insert. A fallback method is applied if your site visitors are browsing your web page using a device which does not support Flash. In this case the video is invoked as HTML5. This allows the videos you insert within your document to be played on handheld devices such as Apple IPod, IPad and IPhone.
http://support.xara.com/index.php?_m...articleid=2820

HTML5 Video

Better support for visitors using devices which do not support Flash. MP4 movie files added to your website will now play without Flash installed if the browser supports HTML5 video.

http://support.xara.com/index.php?_m...articleid=2933

HTML 5 Video
MP4 movie files added to your website will now play without Flash installed if the browser supports HTML5 video, so movies play on iOS devices such as iPhones and iPads.

http://www.xara.com/us/products/webdesigner/compare/

[Egg Bramhill]

I also find ******* video convector very useful for video conversions, it can produce mp4 videos for android, iphones, tablets, ipads etc. Of course you'll need a redirect for each os being used to ensure the correct file type delivery but give it a try.

http://www.*******media.com/

EDIT: Ah, it seems this website has a block.

[steve.ledger]

What's this? Egg'n'spam

[Egg Bramhill]

Possibly Steve. I have a recollection of this software company s-o-th-i-n-k having issues a few years back due to spamming but I think there products are much improved of late.

[steve.ledger]

Yes, he was one of the most disruptive spammers of all time before Risto (then Admin of TG) removed him and added that word to the banned list.
Another decent (freeware) converter (which also has an editor) I use a lot is FreeMake.
Though I'd like to see the OP respond to the previous messages, because Xara does add HTML5 support since version 7.
Perhaps he could post an URL where he has embedded an MP4 for us to check out?

[Wegg]

I have no problems making the mp4 videos and they do play on all of the devices that I have to test them with. . . the problem is with Web Designer not flagging it with the appropriate HTML code that uses HTML5 as a fallback for mobile browsers that don't support flash.

Here is a link to the site that I'm putting together. I . . . hope none of you use this software. . .

http://www.eggington.net/6Promo/

[steve.ledger]

Hi Wegg,

Did you miss those three Xara links I posted earlier explaining HTML5 video support?.

Also as mentioned earlier, you won't actually see any HTML5 video tags. So don't spend any time looking for them

All you will see is this part in the script;
-----------------------
if(!navigator.userAgent.match(/(iPhone|iPod|iPad)/)){document.write("\x3cembed type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" ");
document.write("name=\"retail_video_player\" width=\"100%\" height=\"100%\" align=\"middle\" ");
document.write("src=\"index_htm_files/retail_video_player.swf?url=jellycam 1~1.mp4&sound=true&loop=true&tooltip=t rue&autoplay=false&swfborder=true&bgco lor=0x000000&bgalpha=0.1\" ");
document.write("wmode=\"transparent\" allowScriptAccess=\"sameDomain\" allowFullscreen=\"true\" quality=\"high\" menu=\"false\"/>");
}
document.write("\x3cvideo src=\"index_htm_files/filename.mp4\" controls width=\"100%\" height=\"100%\"/>");
-----------
That line of JS adds a video tag to the HTML - it's convoluted this way to fool the validator (it doesn't like the <video> tag in a HTML 4 document)
(You won't see it in the browser's source either, because that 'source' isn't really the source, it's already processed)

This is how John Horn (Covoxer) explained it to me.
Hope this helps

[Wegg]

Well I can see that in my code but. . . when I view my site with the Dolphin web browser on Android it does not give me any options to see any video. Same for Chrome. So I guess the software IS flagging the video but that the browsers aren't . . . seeing it? (scratching my head) How. . . do I make this work. . .

Edit: On a hunch I called a friend who has an iPad and had her look at the site. And. . . the video played for her. So I'm thinking this flag is iOS/Saffari friendly but not friendly to other browsers? If so. . . that kind of. . . sucks. :-(

[steve.ledger]

Works fine on my Samsung GS2 with Android ICS using the latest Dolphin browser (just downloaded for the test).

► http://steveledger.net.au/video/ (video showing the rolling shutter effect)
But not chrome, 'plugin not supported' by the mobile version.

The video was encoded using H.264/MPEG-4 AVC

Not all MP4 containers use the same encoding of course, perhaps that's the problem you are having?