Here is the code that I use (thank you Karl) and it works. Maybe it will be useful for somebody. I try now to find way to change look of a controls panel so the panel don't cover bottom of the video and text. If anybody solved this task please give me advice. Thank you for all your help.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <script type="text/javascript"> var nAgt = navigator.userAgent; var isMobile = { Android: function() { return nAgt.match(/Android/i) ? true : false; }, BlackBerry: function() { return nAgt.match(/BlackBerry/i) ? true : false; }, iOS: function() { return nAgt.match(/iPhone|iPad|iPod/i) ? true : false; }, Windows: function() { return nAgt.match(/IEMobile/i) ? true : false; }, Symbian: function() { return nAgt.match(/SymbianOS/i) ? true : false; }, any: function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows() || isMobile.Symbian()); } }; function loadVideo() { if( (isMobile.any()) || (isMobile.Android()) ||( isMobile.BlackBerry()) || (isMobile.iOS()) || (isMobile.Windows()) || (isMobile.Symbian())){ /*HTML5*/ videoCode = '<video id="video" width="100%" height="100%" controls preload="auto" poster="screenshot.png" style="position:absolute;z-index:0;">\n'+ '<source src="jack_giant_video.mp4" type="video/mp4" />\n'+ '</video>\n'; // here you can add another video format } else { /*FLASH*/ videoCode = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"\n'+ ' codebase=" http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"\n'+ ' width="100%" height="100%" id="jack_giant" align="mc" style="position:absolute;z-index:0;">\n'+ ' <param name="allowScriptAccess" value="sameDomain" />\n'+ ' <param name="allowFullScreen" value="false" />\n'+ ' <param name="movie" value="jack_giant.swf" />\n'+ ' <param name="quality" value="high" />\n'+ ' <param name="bgcolor" value="#fdef96" />' + ' <param name="scale" value="noscale" />\n'+ ' <param name="align" value="mc" />\n'+ ' <param name="salign" value="mc" />\n'+ ' <embed src="jack_giant.swf"' + ' bgcolor="#fdef96" width="100%" height="100%" '+ ' quality="high"' + ' scale="noscale"' + ' name="jack_giant"' + ' align="mc"' + ' salign="mc"' + ' allowScriptAccess="sameDomain"' + ' allowFullScreen="false"' + ' type="application/x-shockwave-flash"'+ ' style="position:absolute;z-index:0;"'+ ' />\n'+ '</object>\n'; } document.getElementById("video").innerHTML = videoCode; } </script> </head> <body> <div id="video"></div> <script type="text/javascript"> loadVideo(); </script> </body> </html> 2014-07-25 20:43 GMT+04:00 natalia Vikhtinskaya <natavi.m...@gmail.com>: > Yes, Flash is priority. So I use what Karl offer with JavaScript. Solution > without JavaScript unfortunately does not work. It would be nice because it > is shorter way. > > > 2014-07-25 14:06 GMT+04:00 Henrik Andersson <he...@henke37.cjb.net>: > > You got the priorities wrong. He wants to use Flash if possible, with >> the video as the fallback. >> >> Karl DeSaulniers skriver: >> > Hi Natalia, >> > Looks like this is your best solution and doesn't involve any >> javascript. >> > >> > <video width="100%" height="100%" controls> >> > <source src="jack_giant.mp4" type="video/mp4"> >> > <source src="jack_giant.ogg" type="video/ogg"> >> > <source src="jack_giant.webm" type="video/webm"> >> > <object data="jack_giant.mp4" width="100%" height="100%"> >> > <embed src="jack_giant.swf" width="100%" height="100%"> >> > </object> >> > </video> >> > >> > [Source] >> > http://www.w3schools.com/html/html_videos.asp >> > >> > You'll have to work it into what your doing. >> > I think someone earlier mentioned this though. >> > HTH, >> > >> > Karl DeSaulniers >> > Design Drumm >> > http://designdrumm.com >> > >> > >> >> _______________________________________________ >> Flashcoders mailing list >> Flashcoders@chattyfig.figleaf.com >> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders >> > > _______________________________________________ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
