Video html5 probléme avec l'attribut loop

Résolu/Fermé
dede02830 Messages postés 7 Date d'inscription lundi 13 juin 2011 Statut Membre Dernière intervention 22 juin 2011 - 21 juin 2011 à 13:48
dede02830 Messages postés 7 Date d'inscription lundi 13 juin 2011 Statut Membre Dernière intervention 22 juin 2011 - 21 juin 2011 à 14:47
Bonjour,

Alors voila pour mon examen j ai réalisé un site en html avec une vidéo tournant en background ,jusque la tout se passe nickel.

Par contre l'attribut loop ne fonctionne pas sur mozilla.

Mon code est le suivant.



<video width="100%" autoplay loop autobuffer poster="images/fondsite.JPG">

<source src="video/accueil.OGG" type="video/ogg">
<source src="video/accueil.mp4" type="video/mp4">
<source src="video/accueil.WebM" type="video/WebM">

</video>


J'ai lu sur internet qu'on pouvé utilisé ce code pour contourner le probléme du loop sur mozilla

$("#yourID").bind('ended', function(){ .
this.play(); .
}); .



Malheureusement je n'arrive pas a le faire fonctionner quelqu un pourrait m aider ?

Merci

5 réponses

Réponse 1 / 5
wolves'sbrother Messages postés 218 Date d'inscription samedi 7 février 2009 Statut Membre Dernière intervention 13 juillet 2011 34
21 juin 2011 à 13:51
Salut,

$("#yourID").bind('ended', function(){ .
this.play(); .
});
Ou est ce que t'as mis ce code? t'as des messages d'erreurs??
0
Réponse 2 / 5
dede02830 Messages postés 7 Date d'inscription lundi 13 juin 2011 Statut Membre Dernière intervention 22 juin 2011
21 juin 2011 à 14:09
j ai tenter a 3 endroits différent dans le header, avant ma balise vidéo et aprés ma balise vidéo et j'avai remplacer ("#yourID") par ("#video") et au final sa ne redémarrer pas ma vidéo une fois celle ci terminée
0
Réponse 3 / 5
wolves'sbrother Messages postés 218 Date d'inscription samedi 7 février 2009 Statut Membre Dernière intervention 13 juillet 2011 34
Modifié par wolves'sbrother le 21/06/2011 à 14:29
Enfet tu doit ajouter à la balise video un ID, ppar exemple : 
<video id="player" width="100%" autoplay loop autobuffer poster="images/fondsite.JPG">

Et tu dois inclure jquery dans le head, soit depuis un url : 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

ou tu la telecharger et tu mets le chemin qui correspond 
<script type="text/javascript" src="javascript/jquery.min.js"></script>

Ensuite dans le head tu ajoute : 
<script type="text/javascript">
$(document).ready(function(){ 
   $("#player").bind('ended', function(){  
this.play();  
}); 
});
0
Réponse 4 / 5
dede02830 Messages postés 7 Date d'inscription lundi 13 juin 2011 Statut Membre Dernière intervention 22 juin 2011
21 juin 2011 à 14:40
Merci beaucoup :)

jvais tester sa alors :)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 5
dede02830 Messages postés 7 Date d'inscription lundi 13 juin 2011 Statut Membre Dernière intervention 22 juin 2011
21 juin 2011 à 14:47
test fait, c'est nickel :)

merci :)
0