Intégration vidéo mp4/flv - HTML/CSS - Programmation
Marsh Posté le 31-08-2011 à 16:02:03
Bonjour, Je souhaite intégrer une video mp4 ou flv suivant le navigateur (iPhone, iPad ou PC). Pour l'instant voici mon code mais ça ne fonctionne pas. Comme je débute, votre aide serait la bienvenue... Par avance, merci. <script type='text/javascript'> if(AppleBrowser) // QuickTime Videos { var Hidden_aqua='<object type="video/quicktime" data="video/Hologramme_Nespresso_mail.mp4" width="640" height="495" kioskmode="true" <param value="video/Hologramme_Nespresso_mail.mp4" name="src"> <param value="aspect" name="scale"> <param value="false" name="controller"> <param value="true" name="autoplay"> </object>'; document.getElementById("video_target" ).innerHTML = Hidden_aqua; } else // Flash videos { var Hidden_aqua='<object type="application/x-shockwave-flash" data="video/player_flv_mini.swf" width="640" height="495"> <param name="movie" value="video/player_flv_mini.swf" /> <param name="allowFullScreen" value="true" /> <param name="FlashVars" value="flv=Hologramme_Nespresso_mail.flv&autoplay=1&width=640&height=495" /> </object>'; document.getElementById("video_target" ).innerHTML = Hidden_aqua; } </script> <object type="application/x-shockwave-flash" data="video/player_flv_mini.swf" width="640" height="495"> <param name="movie" value="video/player_flv_mini.swf" /> <param name="FlashVars" value="flv=Hologramme_Nespresso_mail.flv" /> </object> <div id="video_target" style="height:304px; width:624px; z-index:2; border:0px; position:absolute; top:3px; left:3px; "> <img src="files/img/aqua/aqua_01.jpg" alt="aquarium" style="border:0px; display:block;" /></div>
Make sure you enter the(*)required information where indicate.HTML code is not allowed
Marsh Posté le 31-08-2011 à 16:02:03
Bonjour,
Je souhaite intégrer une video mp4 ou flv suivant le navigateur (iPhone, iPad ou PC).
Pour l'instant voici mon code mais ça ne fonctionne pas.
Comme je débute, votre aide serait la bienvenue...
Par avance, merci.
<script type='text/javascript'>
if(AppleBrowser) // QuickTime Videos
{
var Hidden_aqua='<object type="video/quicktime" data="video/Hologramme_Nespresso_mail.mp4" width="640" height="495" kioskmode="true" <param value="video/Hologramme_Nespresso_mail.mp4" name="src"> <param value="aspect" name="scale"> <param value="false" name="controller"> <param value="true" name="autoplay"> </object>';
document.getElementById("video_target" ).innerHTML = Hidden_aqua;
}
else // Flash videos
{
var Hidden_aqua='<object type="application/x-shockwave-flash" data="video/player_flv_mini.swf" width="640" height="495"> <param name="movie" value="video/player_flv_mini.swf" /> <param name="allowFullScreen" value="true" /> <param name="FlashVars" value="flv=Hologramme_Nespresso_mail.flv&autoplay=1&width=640&height=495" /> </object>';
document.getElementById("video_target" ).innerHTML = Hidden_aqua;
}
</script>
<object type="application/x-shockwave-flash" data="video/player_flv_mini.swf" width="640" height="495"> <param name="movie" value="video/player_flv_mini.swf" />
<param name="FlashVars" value="flv=Hologramme_Nespresso_mail.flv" />
</object>
<div id="video_target" style="height:304px; width:624px; z-index:2; border:0px; position:absolute; top:3px; left:3px; ">
<img src="files/img/aqua/aqua_01.jpg" alt="aquarium" style="border:0px; display:block;" /></div>