That is a relative url. So the videos need to be in the same directory as the javascript file or you need to give it the correct path. Was it my url that didn't work? It worked on my iPhone. I do not have an iPad to test with. Contact me off list and we will finish discussing it. I only posted here because the code was working for me.
Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Jul 29, 2014, at 10:54 AM, natalia Vikhtinskaya <natavi.m...@gmail.com> wrote: > 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 _______________________________________________ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
