Unfortunately that new code still does not show video on iPad. * I noticed that "/" is missed in source tag for video and added it but that does not help.* <source src="jack_giant_video.mp4" type="video/mp4" */*>\n'+
2014-07-28 21:40 GMT+04:00 Karl DeSaulniers <k...@designdrumm.com>: > Hi Natalia, > Here you go. This works for me on my iPhone. I did notice in your code on > the link you sent me, there was a number of extra lines and white space. > If this happens again from copying from your email, view the source on the > live example link provided and copy from there. > > > Live Example: > http://designdrumm.com/clients/natalia > > > [CODE] > > <!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" /> > <meta name="author" content="DESIGN DRUMM Š 2014" /> > <meta name="viewport" content="width=device-width, initial-scale=1, > minimum-scale=1, maximum-scale=1, user-scalable=1" /> > <title>Jack And The Giant</title> > <script type="text/javascript"> > function hasFlash() { > try { > var AXO = new ActiveXObject('ShockwaveFlash.ShockwaveFlash'); > if(AXO) { return true; } else { return false }; > } catch(e){ > return navigator.mimeTypes ["application/x-shockwave-flash"] != > undefined ? true:false; > } > }; > > function hasQt() { > if (navigator.plugins) { > for (i=0; i < navigator.plugins.length; i++ ) { > if (navigator.plugins[i].name.indexOf > ("QuickTime") >= 0) { > return true; > } > } > } > if ((navigator.appVersion.indexOf("Mac") > 0) && > (navigator.appName.substring(0,9) == "Microsoft") && > (parseInt(navigator.appVersion) < 5) ) { > return true; > } > return false; > }; > > function supports_video() { > return !!document.createElement('video').canPlayType; > } > > function supports_h264_baseline_video() { > if (!supports_video()) { return false; } > var v = document.createElement("video"); > return v.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"'); > } > function supports_ogg_theora_video() { > if (!supports_video()) { return false; } > var v = document.createElement("video"); > return v.canPlayType('video/ogg; codecs="theora, vorbis"'); > } > function supports_webm_video() { > if (!supports_video()) { return false; } > var v = document.createElement("video"); > return v.canPlayType('video/webm; codecs="vp8, vorbis"'); > } > > function loadVideo() { > var videoCode = ''; > if( hasFlash() == false && supports_h264_baseline_video() != "") { > /*HTML5 - h.264*/ > videoCode = '<video id="jack_giant" width="100%" height="100%" > controls preload="auto" poster="jack_giant.png" > style="position:absolute;z-index:0;">\n'+ > ' <source src="jack_giant.mp4" type="video/mp4">\n'+ > ' </video>\n'; > } else if( hasFlash() == false && supports_ogg_theora_video() != > "") { > /*HTML5*/ > videoCode = '<video id="jack_giant" width="100%" height="100%" > controls preload="auto" poster="jack_giant.png" > style="position:absolute;z-index:0;">\n'+ > ' <source src="jack_giant.ogg" type="video/ogg">\n'+ > ' </video>\n'; > } else if( hasFlash() == false && supports_webm_video() != "") { > /*HTML5*/ > videoCode = '<video id="jack_giant" width="100%" height="100%" > controls preload="auto" poster="jack_giant.png" > style="position:absolute;z-index:0;">\n'+ > ' <source src="jack_giant.webm" type="video/webm">\n'+ > ' </video>\n'; > } else if( hasFlash() == false && supports_video() == false && > hasQt() == true ) { > /*HTML4 QuickTime Embed - works on IE 7 and 8*/ > videoCode = '<object > classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase=" > http://www.apple.com/qtactivex/qtplugin.cab"; height="100%" width="100%" > >\n'+ > ' <param name="src" value="jack_giant.mov" >\n'+ > ' <embed src="jack_giant.mov"'+ > ' height="100%"'+ > ' width="100%"'+ > ' type="video/quicktime"'+ > ' pluginspage="http://www.apple.com/quicktime/download/ > "'+ > ' style="position:absolute;z-index:0;"'+ > ' />\n'+ > '</object>\n'; > } else if( hasFlash() == true ) { > /*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'; > } else { > videoCode = '<p>Your browser does not support HTML5 Video, > QuickTime or Flash. Please upgrade your browser to the latest version or > use a video compatible browser or download the <a href=" > http://www.adobe.com/go/getflash";>Flash Plugin</a> or the <a href=" > http://www.apple.com/quicktime/download/";>QuickTime Plugin</a> to view > this video.</p>'; > } > document.getElementById("videoplayer").innerHTML = videoCode; > } > </script> > </head> > <body> > <div id="videoplayer"></div> > <script type="text/javascript"> > loadVideo(); > </script> > </body> > </html> > > > [END CODE] > > Oh and here is the reference for the QuickTime code in case you want to > embed differently. No cache progressive downloads, real-time feed, etc. > > > https://developer.apple.com/library/mac/documentation/QuickTime/Conceptual/QTScripting_HTML/QTScripting_HTML_Document/ScriptingHTML.html#//apple_ref/doc/uid/TP40001525-2-ApplicationsandExamples > > > HTH, > > Best, > > Karl DeSaulniers > Design Drumm > http://designdrumm.com > > > > > > > On Jul 27, 2014, at 12:26 PM, Henrik Andersson <he...@henke37.cjb.net> > wrote: > > > >> This assumes that all mobile devices are incapable of Flash. That's > >> patently false. It also ignores the issue of non-mobile devices that > >> doesn't support Flash. > > > > _______________________________________________ > 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
