Re: [Flashcoders] Html coding: video for iPad and Flash on one page
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
On Jul 22, 2014, at 12:07 PM, Karl DeSaulniers k...@designdrumm.com wrote:
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
On Jul 22, 2014, at 8:34 AM, James Merrill jmerri...@gmail.com wrote:
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 natavi.m...@gmail.com
wrote:
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-44455354 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?
2014-07-22 4:44 GMT+04:00 Karl DeSaulniers k...@designdrumm.com:
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
Re: [Flashcoders] Html coding: video for iPad and Flash on one page
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
Re: [Flashcoders] Html coding: video for iPad and Flash on one page
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. ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Re: [Flashcoders] Html coding: video for iPad and Flash on one page
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 On Jul 25, 2014, at 5:15 AM, Karl DeSaulniers k...@designdrumm.com wrote: 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. ___ 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
Re: [Flashcoders] Html coding: video for iPad and Flash on one page
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
