[Flashcoders] Html coding: video for iPad and Flash on one page

1 view
Skip to first unread message

natalia Vikhtinskaya

unread,
Jul 20, 2014, 4:10:13 AM7/20/14
to Flash Coders List
Hi
I am trying to find a simple way to show video file for devices that don't
have Flash
Here is the code

<div id="video" style="display:none">
<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab" WIDTH="900"
HEIGHT="575" >
<PARAM NAME="src" VALUE="jack_giant_video.mp4" >
<PARAM NAME="autoplay" VALUE="true" >
<EMBED SRC="jack_giant_video.mp4" TYPE="image/x-macpaint"
PLUGINSPAGE="http://www.apple.com/quicktime/download" WIDTH="900"
HEIGHT="575" AUTOPLAY="true"></EMBED>
</OBJECT>
</div>
<div id="flash" style="display:block">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"
width="100%" height="100%" id="jack_giant" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="jack_giant.swf" /><param name="quality"
value="high" /><param name="scale" value="noscale" /><param name="bgcolor"
value="#fdef96" /> <embed src="jack_giant.swf" quality="high"
scale="noscale" bgcolor="#fdef96" width="100%" height="100%"
name="jack_giant" align="middle" allowScriptAccess="sameDomain"
allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="
http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
<script language="javascript">
if ((navigator.userAgent.match(/iPad/i) != null) ||
(navigator.userAgent.match(/iPhone/i) != null) ||
(navigator.userAgent.match(/iPod/i) != null)) {
document.getElementById("video").style.display = "block";
document.getElementById("flash").style.display = "none"; }
</script>

But unfortunately that does not work.
Can anybody give me an advice what is the correct way for this task?
Thank you very much in advance.
_______________________________________________
Flashcoders mailing list
Flash...@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

Ross P. Sclafani

unread,
Jul 20, 2014, 10:45:18 AM7/20/14
to Flash Coders List
You don't embed QuickTime for iOS, you use the html5 video tag.
Whatever solution you use should do that when flash isn't detected.

Sent from my iPhone

natalia Vikhtinskaya

unread,
Jul 20, 2014, 11:43:39 AM7/20/14
to Flash Coders List
ok. I use now
<div id="video" style="display:none">
<video id="example_video_1" class="video-js" width="900" height="575"
controls preload="auto" poster="video.png"></video>
</div>
I tested on Windows - just blank page. It seems does not like
style="display:none" but I don't know another solition.

Micky Hulse

unread,
Jul 20, 2014, 11:54:35 AM7/20/14
to Flash Coders List
On Sun, Jul 20, 2014 at 8:41 AM, natalia Vikhtinskaya
<natav...@gmail.com> wrote:
> I tested on Windows - just blank page. It seems does not like
> style="display:none" but I don't know another solition.

I typically use:

<video poster="foo.jpg" width="480" height="360" preload="none" controls>
<source src="foo.webm" type="video/webm">
<source src="foo.ogv" type="video/ogg">
<source src="foo.mp4" type="video/mp4">
... Flash fallback goes here ...
</video>

You'll have to change width/height to match video.

This app is great for converting your source to diff formats:

<http://www.mirovideoconverter.com/>

natalia Vikhtinskaya

unread,
Jul 20, 2014, 1:07:49 PM7/20/14
to Flash Coders List
I need play video only for iPad and other devices that does not support
Flash. Does this code do that?

Ruben Quintana

unread,
Jul 20, 2014, 1:57:35 PM7/20/14
to Flash Coders List
http://coolestguidesontheplanet.com/use-html-5-video-on-all-browsers/



On Sun, Jul 20, 2014 at 12:05 PM, natalia Vikhtinskaya <

natalia Vikhtinskaya

unread,
Jul 21, 2014, 2:02:09 AM7/21/14
to Flash Coders List
Thank you very much for this link. But I need a bit different. If browser
support HTML5 and Flash it should play Flash. Only platforms that does not
support Flash should play video.

Ross P. Sclafani

unread,
Jul 21, 2014, 1:23:46 PM7/21/14
to Flash Coders List
I have done this for a video player i build that does hundreds of millions of streams / year across platforms and devices.

I use SWFObject to attempt to write the flash SWF, and put our html5 rendering code into the callback after the attempt, if the flash failed to write.

Mike Starr

unread,
Jul 21, 2014, 8:38:31 PM7/21/14
to Flash Coders List
So this looks complicated.

A few resources I recommend:
Adobe GoLive
ActiveX


On Mon, Jul 21, 2014 at 10:20 AM, Ross P. Sclafani <ross.s...@gmail.com>
wrote:

Karl DeSaulniers

unread,
Jul 21, 2014, 8:47:15 PM7/21/14
to Flash Coders List
Here is what I use, it's simple and works like a charm for me.

<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());
}
};

if( isMobile.any() ) {
location.href = "HTML5/index.html" ;
} else {
location.href = "FLASH/index.html" ;
}
</script>


You can also chek for individual devices by just calling any of the following...

isMobile.Android()
isMobile.BlackBerry()
isMobile.iOS()
isMobile.Windows()
isMobile.Symbian()

You can also add your own deviced if you know the userAgent. Just add it to the array! :)
Now, this does not check if flash is installed. I have the old skool flash fallback for that and
a link to the html 5 page in there as well so if they know they have a html5 compatible
desktop browser, they can just click that if they don't what to install flash per se.
HTH.

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.com

natalia Vikhtinskaya

unread,
Jul 22, 2014, 9:00:00 AM7/22/14
to Flash Coders List
Thank you very much for the help. As I understand I use correct code. I
don't use different pages for video and flash. I did two blocks on the page.

<div id="video" style="display:none">
<video id="video" width="100%" height="100%" poster="screenshot.png"
controls="controls" preload="none" >
<source src="jack_giant_video.mp4" type="video/mp4" />
</video>
</div>

<div id="flash" style="display:block">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"
width="100%" height="100%" id="jack_giant" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="jack_giant.swf" /><param name="quality"
value="high" /><param name="scale" value="noscale" /><param name="bgcolor"
value="#fdef96" /> <embed src="jack_giant.swf" quality="high"
scale="noscale" bgcolor="#fdef96" width="100%" height="100%"
name="jack_giant" align="middle" allowScriptAccess="sameDomain"
allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="
http://www.macromedia.com/go/getflashplayer" />
</object>
</div>

<script language="javascript">
if ((navigator.userAgent.match(/iPad/i) != null) ||
(navigator.userAgent.match(/iPhone/i) != null) ||
(navigator.userAgent.match(/iPod/i) != null)) {
document.getElementById("video").style.display = "block";
document.getElementById("flash").style.display = "none"; }
</script>


I should improve JavaScript as Karl shows but unfortunately iPad does not
play video when html file tests. I tested this mp4 video in browsers that
support html5 and they play video. The same video iPad does not play. Where
can be problem?

James Merrill

unread,
Jul 22, 2014, 9:37:00 AM7/22/14
to Flash Coders List
Do not sniff for user agents! What will your code do when someone uses the
next iPhone? Or if they have opera installed on their amazon fire? You can
not predict what user agent strings will look like in the future, and are
bound to serve up the wrong content to the wrong people.

This problem has been solved by JS developers, and it's called feature
detection. Instead of relying upon user agent sniffing, check whether the
browser supports <video> tags.

This library is all you need. http://modernizr.com/

Then you can simply do:

if(Modernizr.video){
//code to show html5 video
} else {
//code to show flash video
}


On Tue, Jul 22, 2014 at 8:57 AM, natalia Vikhtinskaya <natav...@gmail.com
--
James Merrill
toThePixel.com <http://www.toThePixel.com>

natalia Vikhtinskaya

unread,
Jul 22, 2014, 12:23:04 PM7/22/14
to Flash Coders List
Thank you for this information. What if I need
if support flash{
//code for flash
} else {
//code for video
}
How to solve that?

Karl DeSaulniers

unread,
Jul 22, 2014, 1:09:53 PM7/22/14
to Flash Coders List, Flash Coders List
Well, it may not be the best solution, but technically my code is not sniffing the userAgent the way your implying, it's sniffing for a device name in the userAgent string. Doesn't matter what version of iPhone you have because the name iPhone will always be in the userAgent string for a web browser on an iPhone. Same with the name windows, android, Symbian etc etc. If I were sniffing the userAgent string for a browser version I would agree with you. My script has survived three iPhones so far. :) But I will look into your suggestion. Thank you.

Best,
Karl

Sent from losPhone

Karl DeSaulniers

unread,
Jul 25, 2014, 4:45:55 AM7/25/14
to Flash Coders List
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



Henrik Andersson

unread,
Jul 25, 2014, 6:09:18 AM7/25/14
to Flash Coders List
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
>
>

Karl DeSaulniers

unread,
Jul 25, 2014, 6:18:15 AM7/25/14
to Flash Coders List
Ah, in that case switch it.

<video width="100%" height="100%" controls>
<object data="jack_giant.mp4" width="100%" height="100%">
<embed src="jack_giant.swf" width="100%" height="100%">
</object>
<source src="jack_giant.mp4" type="video/mp4">
<source src="jack_giant.ogg" type="video/ogg">
<source src="jack_giant.webm" type="video/webm">
</video>

Not 100% sure if that will actually do it, hadn't tested, but my understanding is
it loads the first viable solution in the DOM chain so it should hit the <object>
before <source> of the <video> tag and if the <object> and <embed> don't fire,
then it would find the <source> tags. If the <video> tag doesn't fire, then the <object> is still there.

Well, in theory anyway. Worth a test I'd say.

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.com



On Jul 25, 2014, at 5:06 AM, Henrik Andersson <he...@henke37.cjb.net> wrote:

> You got the priorities wrong. He wants to use Flash if possible, with
> the video as the fallback.

Karl DeSaulniers

unread,
Jul 25, 2014, 6:23:23 AM7/25/14
to Flash Coders List
Actually, if you want just flash to play first, then I think it would be set like this.

<video width="100%" height="100%" controls>
<object data="jack_giant.swf" width="100%" height="100%">
<embed src="jack_giant.swf" width="100%" height="100%">
</object>
<source src="jack_giant.mp4" type="video/mp4">
<source src="jack_giant.ogg" type="video/ogg">
<source src="jack_giant.webm" type="video/webm">
</video>

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.com



natalia Vikhtinskaya

unread,
Jul 25, 2014, 12:46:38 PM7/25/14
to Flash Coders List
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.

natalia Vikhtinskaya

unread,
Jul 27, 2014, 12:43:30 PM7/27/14
to Flash Coders List
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>

Henrik Andersson

unread,
Jul 27, 2014, 1:28:54 PM7/27/14
to Flash Coders List
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.

natalia Vikhtinskaya skriver:
> 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.

Karl DeSaulniers

unread,
Jul 27, 2014, 7:41:42 PM7/27/14
to Flash Coders List
This one should do the trick. It's device independent. Even checks to see if h.264 video is supported.
HTH,

<!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>Jack And The Giant</title>
<script type="text/javascript">
function hasFlash() {
try {
var AXO = new ActiveXObject('ShockwaveFlash.ShockwaveFlash');
return AXO ? true: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 loadVideo() {
if( !hasFlash && supports_h264_baseline_video()) {
/*HTML5 - h264*/
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 && !supports_h264_baseline_video() && supports_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'+
' <source src="jack_giant.webm" type="video/webm">\n'+
' </video>\n';
} else if( !hasFlash && !supports_video() && hasQt ) {
/*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 ) {
} 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("video_player").innerHTML = videoCode;
}
</script>
</head>
<body>
<div id="video_player"></div>
<script type="text/javascript">
loadVideo();
</script>
</body>
</html>

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.com



Karl DeSaulniers

unread,
Jul 28, 2014, 1:43:00 PM7/28/14
to Flash Coders List
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 ) {
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.



natalia Vikhtinskaya

unread,
Jul 29, 2014, 11:57:21 AM7/29/14
to Flash Coders List
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'+

Karl DeSaulniers

unread,
Jul 29, 2014, 12:02:57 PM7/29/14
to Flash Coders List
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



Reply all
Reply to author
Forward
0 new messages