Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Balise video qui fonctionne mal

6 réponses
Avatar
Guy
Bonjour,

La balise "video" fonctionne mal sur ma page :
http://www.grenault.net/homecine.htm

Voici le code :

<video id="movie" controls autoplay loop poster="hc1_.png" width="320"
height="240" onclick="this.play();">
<source src="hc1_.mp4" type="video/mp4">
<source src="hc1_.ogg" type="video/ogg">
Votre navigateur ne peut pas lire les vidéos .mp4
</video>

Ne fonctionne pas avec IE 10 ni avec Safari ni avec Le Kindle Fire...

Le code me semble pourtant conforme ?

Merci pour votre aide !

--
Loisirs et Passions
http://www.grenault.net

6 réponses

Avatar
Julien Arlandis
Le Jeudi 25 Juillet 2013 à 12:31, Guy a écrit :
Bonjour,

La balise "video" fonctionne mal sur ma page :
http://www.grenault.net/homecine.htm

Voici le code :

<video id="movie" controls autoplay loop poster="hc1_.png" width="320"
height="240" onclick="this.play();">
<source src="hc1_.mp4" type="video/mp4">
<source src="hc1_.ogg" type="video/ogg">
Votre navigateur ne peut pas lire les vidéos .mp4
</video>

Ne fonctionne pas avec IE 10 ni avec Safari ni avec Le Kindle Fire...

Le code me semble pourtant conforme ?

Merci pour votre aide !




Bonjour,

j'ignore quel est le problème dans le code HTML, mais afin d'assurer la
compatibilité avec les navigateurs je vous suggère plutôt d'utiliser une
librairie de jPlayer, une librairie de jQuery :
http://jplayer.org/

Le code ressemblera à ceci :

<script type="text/javascript">
$(document).ready(function(){
$("#jquery_jplayer_1").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
m4a: "hc1_.mp4",
oga: "hc1_.ogg"
});
},
swfPath: "/js",
supplied: "m4a, oga"
});
});
</script>
<div id="jquery_jplayer_1"></div>
<div id="jp_container_1">
<a href="#" class="jp-play">Play</a>
<a href="#" class="jp-pause">Pause</a>
</div>
Avatar
Mac Larinett
In article <ksqumb$vg6$,
Guy wrote:

controls autoplay loop



controls="controls"

évite l'autoplay, c'est horripilant
Avatar
SAM
Le 25/07/13 12:29, Guy a écrit :
Bonjour,

La balise "video" fonctionne mal sur ma page :
http://www.grenault.net/homecine.htm



Je ne sais pas, où est-elle cette vidéo ?
Je ne vois qu'un emplacement Flash
(mon Flash-bloqueur empêche son affichage, ouf!)
emplacement qui semble bien correspondre au code donné !
Mystère !?!?!

Voici le code :

<video id="movie" controls autoplay loop poster="hc1_.png" width="320"
height="240" onclick="this.play();">
<source src="hc1_.mp4" type="video/mp4">
<source src="hc1_.ogg" type="video/ogg">
Votre navigateur ne peut pas lire les vidéos .mp4
</video>



Non, je n'ai pas vu :
« Votre navigateur ne peut pas lire les vidéos .mp4 »

Firefox tout nouveau tout chaud et Mac-intel (10.6.8)

Ne fonctionne pas avec IE 10 ni avec Safari ni avec Le Kindle Fire...



Ça a l'air de fonctionner avec "mon" Safari ...
(je ne sais si c'est un Flash ou un mp4 qui est chargé)


Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
Avatar
Guy
Le 27/07/2013 00:25, SAM a écrit :
Le 25/07/13 12:29, Guy a écrit :
Bonjour,

La balise "video" fonctionne mal sur ma page :
http://www.grenault.net/homecine.htm



Je ne sais pas, où est-elle cette vidéo ?
Je ne vois qu'un emplacement Flash
(mon Flash-bloqueur empêche son affichage, ouf!)
emplacement qui semble bien correspondre au code donné !
Mystère !?!?!

Voici le code :

<video id="movie" controls autoplay loop poster="hc1_.png" width="320"
height="240" onclick="this.play();">
<source src="hc1_.mp4" type="video/mp4">
<source src="hc1_.ogg" type="video/ogg">
Votre navigateur ne peut pas lire les vidéos .mp4
</video>



Non, je n'ai pas vu :
« Votre navigateur ne peut pas lire les vidéos .mp4 »

Firefox tout nouveau tout chaud et Mac-intel (10.6.8)

Ne fonctionne pas avec IE 10 ni avec Safari ni avec Le Kindle Fire...



Ça a l'air de fonctionner avec "mon" Safari ...
(je ne sais si c'est un Flash ou un mp4 qui est chargé)


Cordialement,



Merci Stéphane,

La video est ici http://www.grenault.net/hc1_new.mp4

Pour Safari, il faut peut être un plugin ? Le mien est tout beau tout
neuf et tout vierge.

--
Loisirs et Passions
http://www.grenault.net
Avatar
Mac Larinett
In article <ksvofh$o59$,
Guy wrote:

Pour Safari, il faut peut être un plugin ?



Tout l'intérêt de la balise video est de se passer de plugin. Tant que
tu ne corrigeras pas l'erreur de syntaxe sur controls que je t'ai
signalée tu auras un comportement erratique.
Avatar
Guy
Le 29/07/2013 10:40, Mac Larinett a écrit :
In article <ksvofh$o59$,
Guy wrote:

Pour Safari, il faut peut être un plugin ?



Tout l'intérêt de la balise video est de se passer de plugin. Tant que
tu ne corrigeras pas l'erreur de syntaxe sur controls que je t'ai
signalée tu auras un comportement erratique.




J'ai essayé et cela ne marchait toujours pas. Maintenant, j'ai carrément
supprimé "controls", je trouve que c'est plus propre comme ça. Il suffit
de cliquer sur la vidéo pour la relancer ou d'utiliser le clic droit...

Chez moi ça marche sur FF, Chrome, IE10 et Opera. Pas sur Safari. Pour
les autres navigateurs, je ne sais pas ?

Merci.

--
Loisirs et Passions
http://www.grenault.net