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

2014-07-29 Thread natalia Vikhtinskaya
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 /
 titleJack 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-44455354\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'+

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

2014-07-29 Thread Karl DeSaulniers
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 /
 titleJack 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*/
   

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

2014-07-28 Thread Karl DeSaulniers
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 /
titleJack 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-44455354\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'+
' 

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

2014-07-27 Thread natalia Vikhtinskaya
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 /
titleUntitled 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-44455354\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


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

2014-07-27 Thread Henrik Andersson
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.

___
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

2014-07-27 Thread Karl DeSaulniers
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 /
titleJack 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 ) {
/*FLASH*/
   videoCode = 'object 
classid=clsid:D27CDB6E-AE6D-11cf-96B8-44455354\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 = 'pYour 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 

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

2014-07-25 Thread Karl DeSaulniers
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

2014-07-25 Thread Henrik Andersson
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

2014-07-25 Thread Karl DeSaulniers
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

2014-07-25 Thread Karl DeSaulniers
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

2014-07-25 Thread natalia Vikhtinskaya
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


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

2014-07-22 Thread natalia Vikhtinskaya
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 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



 On Jul 21, 2014, at 7:36 PM, Mike Starr starrten...@gmail.com wrote:

  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.sclaf...@gmail.com
  wrote:
 
  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.
 
 
 
  On Jul 21, 2014, at 1:57 AM, natalia Vikhtinskaya 
 natavi.m...@gmail.com
  wrote:
 
  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.
 
 
  2014-07-20 21:55 GMT+04:00 Ruben Quintana ruben.quint...@gmail.com:
 
  http://coolestguidesontheplanet.com/use-html-5-video-on-all-browsers/
 
 
 
  On Sun, Jul 20, 2014 at 12:05 PM, natalia Vikhtinskaya 
  natavi.m...@gmail.com wrote:
 
  I need play video only for iPad and other devices that does not
 support
  Flash. Does this code do that?
 
 
  2014-07-20 19:51 GMT+04:00 Micky Hulse mickyhulse.li...@gmail.com:
 
  On Sun, Jul 20, 2014 at 8:41 AM, natalia Vikhtinskaya
  natavi.m...@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 

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

2014-07-22 Thread James Merrill
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 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
 
 
 
  On Jul 21, 2014, at 7:36 PM, Mike Starr starrten...@gmail.com wrote:
 
   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.sclaf...@gmail.com
   wrote:
  
   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.
  
  
  
   On Jul 21, 2014, at 1:57 AM, natalia Vikhtinskaya 
  natavi.m...@gmail.com
   wrote:
  
   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.
  
  
   2014-07-20 21:55 GMT+04:00 Ruben Quintana ruben.quint...@gmail.com
 :
  
  
 

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

2014-07-22 Thread natalia Vikhtinskaya
Thank you for this information. What if I need
if support flash{
//code for flash
} else {
//code for video
}
How to solve that?



2014-07-22 17:34 GMT+04:00 James Merrill jmerri...@gmail.com:

 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 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
  
  
  
   On Jul 21, 2014, at 7:36 PM, Mike Starr starrten...@gmail.com wrote:
  
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.sclaf...@gmail.com
wrote:
   
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.
   
   
   
On Jul 21, 2014, at 1:57 AM, natalia 

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

2014-07-22 Thread Karl DeSaulniers
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 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
 
 
 
 On Jul 21, 2014, at 7:36 PM, Mike Starr starrten...@gmail.com wrote:
 
 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.sclaf...@gmail.com
 wrote:
 
 I have done this for a video player i build that does hundreds of
 millions
 of streams / year across 

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

2014-07-21 Thread natalia Vikhtinskaya
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.


2014-07-20 21:55 GMT+04:00 Ruben Quintana ruben.quint...@gmail.com:

 http://coolestguidesontheplanet.com/use-html-5-video-on-all-browsers/



 On Sun, Jul 20, 2014 at 12:05 PM, natalia Vikhtinskaya 
 natavi.m...@gmail.com wrote:

  I need play video only for iPad and other devices that does not support
  Flash. Does this code do that?
 
 
  2014-07-20 19:51 GMT+04:00 Micky Hulse mickyhulse.li...@gmail.com:
 
   On Sun, Jul 20, 2014 at 8:41 AM, natalia Vikhtinskaya
   natavi.m...@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/
   ___
   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

___
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

2014-07-21 Thread Ross P. Sclafani
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.



On Jul 21, 2014, at 1:57 AM, natalia Vikhtinskaya natavi.m...@gmail.com wrote:

 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.
 
 
 2014-07-20 21:55 GMT+04:00 Ruben Quintana ruben.quint...@gmail.com:
 
 http://coolestguidesontheplanet.com/use-html-5-video-on-all-browsers/
 
 
 
 On Sun, Jul 20, 2014 at 12:05 PM, natalia Vikhtinskaya 
 natavi.m...@gmail.com wrote:
 
 I need play video only for iPad and other devices that does not support
 Flash. Does this code do that?
 
 
 2014-07-20 19:51 GMT+04:00 Micky Hulse mickyhulse.li...@gmail.com:
 
 On Sun, Jul 20, 2014 at 8:41 AM, natalia Vikhtinskaya
 natavi.m...@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/
 ___
 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
 
 ___
 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

2014-07-21 Thread Mike Starr
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.sclaf...@gmail.com
wrote:

 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.



 On Jul 21, 2014, at 1:57 AM, natalia Vikhtinskaya natavi.m...@gmail.com
 wrote:

  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.
 
 
  2014-07-20 21:55 GMT+04:00 Ruben Quintana ruben.quint...@gmail.com:
 
  http://coolestguidesontheplanet.com/use-html-5-video-on-all-browsers/
 
 
 
  On Sun, Jul 20, 2014 at 12:05 PM, natalia Vikhtinskaya 
  natavi.m...@gmail.com wrote:
 
  I need play video only for iPad and other devices that does not support
  Flash. Does this code do that?
 
 
  2014-07-20 19:51 GMT+04:00 Micky Hulse mickyhulse.li...@gmail.com:
 
  On Sun, Jul 20, 2014 at 8:41 AM, natalia Vikhtinskaya
  natavi.m...@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/
  ___
  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
 
  ___
  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


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

2014-07-21 Thread Karl DeSaulniers
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



On Jul 21, 2014, at 7:36 PM, Mike Starr starrten...@gmail.com wrote:

 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.sclaf...@gmail.com
 wrote:
 
 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.
 
 
 
 On Jul 21, 2014, at 1:57 AM, natalia Vikhtinskaya natavi.m...@gmail.com
 wrote:
 
 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.
 
 
 2014-07-20 21:55 GMT+04:00 Ruben Quintana ruben.quint...@gmail.com:
 
 http://coolestguidesontheplanet.com/use-html-5-video-on-all-browsers/
 
 
 
 On Sun, Jul 20, 2014 at 12:05 PM, natalia Vikhtinskaya 
 natavi.m...@gmail.com wrote:
 
 I need play video only for iPad and other devices that does not support
 Flash. Does this code do that?
 
 
 2014-07-20 19:51 GMT+04:00 Micky Hulse mickyhulse.li...@gmail.com:
 
 On Sun, Jul 20, 2014 at 8:41 AM, natalia Vikhtinskaya
 natavi.m...@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/
 ___
 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
 
 ___
 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


___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders


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

2014-07-20 Thread natalia Vikhtinskaya
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-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

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
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders


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

2014-07-20 Thread Ross P. Sclafani
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

 On Jul 20, 2014, at 3:36 AM, natalia Vikhtinskaya natavi.m...@gmail.com 
 wrote:
 
 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-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
 
 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
 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

2014-07-20 Thread natalia Vikhtinskaya
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.


2014-07-20 18:42 GMT+04:00 Ross P. Sclafani ross.sclaf...@gmail.com:

 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

  On Jul 20, 2014, at 3:36 AM, natalia Vikhtinskaya natavi.m...@gmail.com
 wrote:
 
  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-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
 
  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
  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


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

2014-07-20 Thread Micky Hulse
On Sun, Jul 20, 2014 at 8:41 AM, natalia Vikhtinskaya
natavi.m...@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/
___
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

2014-07-20 Thread natalia Vikhtinskaya
I need play video only for iPad and other devices that does not support
Flash. Does this code do that?


2014-07-20 19:51 GMT+04:00 Micky Hulse mickyhulse.li...@gmail.com:

 On Sun, Jul 20, 2014 at 8:41 AM, natalia Vikhtinskaya
 natavi.m...@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/
 ___
 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

2014-07-20 Thread Ruben Quintana
http://coolestguidesontheplanet.com/use-html-5-video-on-all-browsers/



On Sun, Jul 20, 2014 at 12:05 PM, natalia Vikhtinskaya 
natavi.m...@gmail.com wrote:

 I need play video only for iPad and other devices that does not support
 Flash. Does this code do that?


 2014-07-20 19:51 GMT+04:00 Micky Hulse mickyhulse.li...@gmail.com:

  On Sun, Jul 20, 2014 at 8:41 AM, natalia Vikhtinskaya
  natavi.m...@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/
  ___
  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