Balise video
Résolu
grenault
Messages postés
38
Date d'inscription
Statut
Membre
Dernière intervention
-
RAD ZONE Messages postés 5230 Date d'inscription Statut Contributeur Dernière intervention -
RAD ZONE Messages postés 5230 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Cette balise video ne fonctionne pas sur ma page en HTML5 (Firefox) :
# <video controls>
# <source src="aqua3_.mp4" type="video/mp4">
# <preload="auto">
# <autoplay="true">
# <p>Le format *.mp4 n'est pas pris en charge par votre navigateur</p>
# </video>
Quand je fais visualiser la video avec le clic droit, elle s'affiche bien dans une autre page.
Avez-vous une solution ?
Merci.
Guy
Cette balise video ne fonctionne pas sur ma page en HTML5 (Firefox) :
# <video controls>
# <source src="aqua3_.mp4" type="video/mp4">
# <preload="auto">
# <autoplay="true">
# <p>Le format *.mp4 n'est pas pris en charge par votre navigateur</p>
# </video>
Quand je fais visualiser la video avec le clic droit, elle s'affiche bien dans une autre page.
Avez-vous une solution ?
Merci.
Guy
A voir également:
- Balise video
- Montage video windows - Guide
- Comment télécharger une vidéo youtube - Guide
- Nommez une application d'appel vidéo ou de visioconférence - Guide
- Insérer video powerpoint - Guide
- Freemake video downloader - Télécharger - Téléchargement & Transfert
10 réponses
Salut
il faut passer ta video en .ogv ou en .webm ! firefox ne lis pas les mp4 !!
si tu veux utiliser le html5 pour video il faut faire des fallbacks !
voila une balise d insertion video type en html5
avec fallback flash pour IE<9 et safari sur windows !
la au moins tu passe sur 99% des machines !
on ne parle pas de smartphone , ou la ca ce complique encore ,
enfin ca ca passe sur les iphone , ipad c est sur !!
a+
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣
il faut passer ta video en .ogv ou en .webm ! firefox ne lis pas les mp4 !!
si tu veux utiliser le html5 pour video il faut faire des fallbacks !
voila une balise d insertion video type en html5
avec fallback flash pour IE<9 et safari sur windows !
la au moins tu passe sur 99% des machines !
on ne parle pas de smartphone , ou la ca ce complique encore ,
enfin ca ca passe sur les iphone , ipad c est sur !!
<video controls poster="clip.png" width="640" height="264"> <source src="Video/mp4_video.mp4" type="video/mp4"> <source src="Video/webmvp8_video.webm" type="video/webm"> <source src="Video/theora_video.ogv" type="video/ogg"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="640" height="264"> <param name="movie" value="player.swf"> <param name="wmode" value="transparent"> <param name="allowfullscreen" value="true"> <param name="allowscriptaccess" value="always"> <param name="flashvars" value="controlbar=over&image=clip.png&file=mp4_video.mp4"> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="player.swf" width="640" height="264"> <param name="wmode" value="transparent"> <param name="allowfullscreen" value="true"> <param name="allowscriptaccess" value="always"> <param name="flashvars" value="controlbar=over&image=clip.png&file=mp4_video.mp4"> <!--<![endif]--> <a href="https://get.adobe.com/flashplayer/"> <img src="https://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"> </a> <!--[if !IE]>--> </object> <!--<![endif]--> <img alt="Ocean" src="clip.png" width="640" height="264" title="No video playback capabilities, please download the video below"> </object> <Video> <p> <strong>Download video:</strong> <a href="Video/mp4_video.mp4">MP4 format</a> | <a href="Video/theora_video.ogv">Ogg format</a> | <a href="Video/webmvp8_video.webm">WebM format</a> </p>
a+
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣
<video src="aqua3_.mp4" autostart="true" loop="-1"/>
<!-- le type importe peu car tu ne saurais utiliser une balise video pour inserer une image par exemple -->
<!-- le type importe peu car tu ne saurais utiliser une balise video pour inserer une image par exemple -->
Merci à tous,
Cela fonctionne maintenant avec ce code :
Mais pas de loop avec Firefox, je corrigerais plus tard... De toute façon c'est une page pour mobiles et j'espère qu'elle fonctionnera sur tous ?
https://www.grenault.net/mob_aqua.htm
Bonne soirée.
Guy
Cela fonctionne maintenant avec ce code :
<video src="aqua3_.ogv" autoplay loop="loop"></video>
Mais pas de loop avec Firefox, je corrigerais plus tard... De toute façon c'est une page pour mobiles et j'espère qu'elle fonctionnera sur tous ?
https://www.grenault.net/mob_aqua.htm
Bonne soirée.
Guy
De toute façon c'est une page pour mobiles et j'espère qu'elle fonctionnera sur tous ?
comme ca c est sur que non ;-)) elle fonctionne deja pas tout pc !
et si c est une page pour mobile ,
il vaudrait mieux la coder en html5 et la stucturer pour les mobile !!!
regarde la version de CCM avec ton mobile ( ou si tu as un agent switcher sur ton fureteur )tu vas voir la difference !
a+
comme ca c est sur que non ;-)) elle fonctionne deja pas tout pc !
et si c est une page pour mobile ,
il vaudrait mieux la coder en html5 et la stucturer pour les mobile !!!
regarde la version de CCM avec ton mobile ( ou si tu as un agent switcher sur ton fureteur )tu vas voir la difference !
a+
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Oui, en effet tu as raison, cela ne fonctionne pas du tout sur le Samsung Galaxy Ace qui reconnait normalement le .mp4 et le .3gv. J'ai essayé les deux, rien ne fonctionne !
La page est "normalement en HTML5" mais j'ai 1 erreur et 1 warning :
Validation Output: 1 Error
Warning Line 6, Column 27: Using windows-1252 instead of the declared encoding iso-8859-1.
<meta charset="iso-8859-1">
?
Error Line 69, Column 9: The text content of element script was not in the required format: Expected space, tab, newline, or slash but found { instead.
</script>
Syntax of script documentation:
Zero or more code comments, each of which is either a single-line comment starting with "//" or a multi-line comment starting with "/*" and ending with "*/". The content must also meet the constraints of the script microsyntax. For further details, see Inline documentation for external scripts.
Je n'arrive pas à les corriger ?
La page mobile est ici :
https://www.grenault.net/mob_aqua.htm
Merci !
Guy
La page est "normalement en HTML5" mais j'ai 1 erreur et 1 warning :
Validation Output: 1 Error
Warning Line 6, Column 27: Using windows-1252 instead of the declared encoding iso-8859-1.
<meta charset="iso-8859-1">
?
Error Line 69, Column 9: The text content of element script was not in the required format: Expected space, tab, newline, or slash but found { instead.
</script>
Syntax of script documentation:
Zero or more code comments, each of which is either a single-line comment starting with "//" or a multi-line comment starting with "/*" and ending with "*/". The content must also meet the constraints of the script microsyntax. For further details, see Inline documentation for external scripts.
Je n'arrive pas à les corriger ?
La page mobile est ici :
https://www.grenault.net/mob_aqua.htm
Merci !
Guy
change le charset de ta page !
<meta charset="windows-1252"/>
Les version Android supérieures à la 2.0 (Eclair) qui inclue WebKit 3.0 supportent la balise vidéo avec le codec H.264
Attention cependant, il y a une subtilité : il faut rajouter onclick="this.play();
Android 2.0, 2.1, 2.2 fonctionnent avec le container .mp4 (H264+AAC)
A partir de la version 2.3 d'Android (Gingerbread), le support du codec WebM
essaye ca et dis moi!
chez moi ca passe , mais je n ai pas d android !!
le mp4 EN PREMIER pour iphone !!
j ai un generateur qui vas t aider a etre bon de base !! apres il faudra un peu chercher et adapter en fonction des specificites des smartphone !
telecharge le generateur
a+
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣
<meta charset="windows-1252"/>
Les version Android supérieures à la 2.0 (Eclair) qui inclue WebKit 3.0 supportent la balise vidéo avec le codec H.264
Attention cependant, il y a une subtilité : il faut rajouter onclick="this.play();
<video id="movie" width="480" height="370" poster="http://exemple.fr/poster.jpg" controls onclick="this.play();">
<source src="http://exemple.fr/monfichiervideo.mp4" type="video/mp4">
Your browser does not support html5 video.
</video>
Android 2.0, 2.1, 2.2 fonctionnent avec le container .mp4 (H264+AAC)
A partir de la version 2.3 d'Android (Gingerbread), le support du codec WebM
essaye ca et dis moi!
chez moi ca passe , mais je n ai pas d android !!
le mp4 EN PREMIER pour iphone !!
<!DOCTYPE HTML> <html> <head> <title>RAD ZONE Webcreation</title> <meta charset="utf-8" /> </head> <body> <video controls autoplay poster="https://www.grenault.net/aqua3_.png" width="160" height="120" onclick="this.play();"> <source src="https://www.grenault.net/aqua3_.mp4" type="video/mp4"> <source src="https://www.grenault.net/aqua3_.webm" type="video/webm"> <source src="https://www.grenault.net/aqua3_.ogv" type="video/ogg"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="160" height="120"> <param name="movie" value="http://player.longtailvideo.com/player.swf"> <param name="wmode" value="transparent"> <param name="allowfullscreen" value="true"> <param name="allowscriptaccess" value="always"> <param name="flashvars" value="autostart=true&controlbar=over&image=http%3A%2F%2Fwww.grenault.net%2Faqua3_.png&file=http%3A%2F%2Fwww.grenault.net%2Faqua3_.mp4"> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="http://player.longtailvideo.com/player.swf" width="160" height="120"> <param name="wmode" value="transparent"> <param name="allowfullscreen" value="true"> <param name="allowscriptaccess" value="always"> <param name="flashvars" value="autostart=true&controlbar=over&image=http%3A%2F%2Fwww.grenault.net%2Faqua3_.png&file=http%3A%2F%2Fwww.grenault.net%2Faqua3_.mp4"> <!--<![endif]--> <a href="https://get.adobe.com/flashplayer/"> <img src="https://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"> </a> <!--[if !IE]>--> </object> <!--<![endif]--> <img alt="aqua3" src="https://www.grenault.net/aqua3_.png" width="160" height="120" title="No video playback capabilities, please download the video below"> </object> </video> <p> <strong>Download video:</strong> <a href="https://www.grenault.net/aqua3_.mp4">MP4 format</a> | <a href="https://www.grenault.net/aqua3_.ogv">Ogg format</a> | <a href="https://www.grenault.net/aqua3_.webm">WebM format</a> </p> </body> </html>
j ai un generateur qui vas t aider a etre bon de base !! apres il faudra un peu chercher et adapter en fonction des specificites des smartphone !
telecharge le generateur
a+
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣
Wahou !!!
Un Grand Merci pour ton aide !
Bon, j'étais loin du compte... C'est en ligne. Juste quelques problèmes à régler comme mettre une version .webm sur mon site...
Je dois partir et je n'ai pas pu tester comme il faut. Marche avec FF, Opera, Chrome et Safari...
Il faut que je change le type aussi car j'ai mis quelque chose mais certainement pas ce qu'il fallait ! En tous cas : aucune erreur HTML5
A bientôt.
Merci encore.
Guy
Un Grand Merci pour ton aide !
Bon, j'étais loin du compte... C'est en ligne. Juste quelques problèmes à régler comme mettre une version .webm sur mon site...
Je dois partir et je n'ai pas pu tester comme il faut. Marche avec FF, Opera, Chrome et Safari...
Il faut que je change le type aussi car j'ai mis quelque chose mais certainement pas ce qu'il fallait ! En tous cas : aucune erreur HTML5
A bientôt.
Merci encore.
Guy
Il faut que je change le type aussi
oui sur la balise flash ;-))
simplifie toi et prend le generateur que je t ai mis plus haut ! ;-))
et pour convertir tes video , voila un petit outils tres simple et leger qui sort de tres bon resultat !
http://www.mirovideoconverter.com/
a+
oui sur la balise flash ;-))
simplifie toi et prend le generateur que je t ai mis plus haut ! ;-))
et pour convertir tes video , voila un petit outils tres simple et leger qui sort de tres bon resultat !
http://www.mirovideoconverter.com/
a+
Bonjour,
Ton script fonctionne parfaitement bien avec FF, IE, Opera, Chrome, Safari et SeaMonkey. Semble fonctionner aussi sur Iphone mais pas sur le Samsung Galaxy Ace.
Pratique ton programme, je vais en parler sur mon site, je te dirais où...
Merci et bonnes fêtes de fin d'année !
Guy
Ton script fonctionne parfaitement bien avec FF, IE, Opera, Chrome, Safari et SeaMonkey. Semble fonctionner aussi sur Iphone mais pas sur le Samsung Galaxy Ace.
Pratique ton programme, je vais en parler sur mon site, je te dirais où...
Merci et bonnes fêtes de fin d'année !
Guy
Salut
comme je t ai dis , cela depend aussi beaucoup des possibilites de chaque model de smartphone , il faut certainement ajouter une variable ou un format ou des dimensions specifique ,mais la , il y a certainement des forums Samsung qui parle de ce problemes ??
en tout cas cela passe bien sur Android !
Essai sur Emulateur
Pratique ton programme, je vais en parler sur mon site, je te dirais où...
ok ;-))
a+
comme je t ai dis , cela depend aussi beaucoup des possibilites de chaque model de smartphone , il faut certainement ajouter une variable ou un format ou des dimensions specifique ,mais la , il y a certainement des forums Samsung qui parle de ce problemes ??
en tout cas cela passe bien sur Android !
Essai sur Emulateur
Pratique ton programme, je vais en parler sur mon site, je te dirais où...
ok ;-))
a+
Bonjour,
J'ai trouvé la solution et je l'ai exposée ici :
https://i-services.com/membres/forum/messages.php?uid=153839&sid=102187&idsujet=24789#top
J'ai parlé aussi de ton générateur comme promis.
Merci !
J'ai trouvé la solution et je l'ai exposée ici :
https://i-services.com/membres/forum/messages.php?uid=153839&sid=102187&idsujet=24789#top
J'ai parlé aussi de ton générateur comme promis.
Merci !