Video html5 probléme avec l'attribut loop
Résolu
dede02830
Messages postés
8
Statut
Membre
-
dede02830 Messages postés 8 Statut Membre -
dede02830 Messages postés 8 Statut Membre -
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
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
A voir également:
- Video html5 probléme avec l'attribut loop
- 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
- Html5 video player - Télécharger - Divers Web & Internet
- Insérer video powerpoint - Guide
5 réponses
Enfet tu doit ajouter à la balise video un ID, ppar exemple :
Et tu dois inclure jquery dans le head, soit depuis un url :
ou tu la telecharger et tu mets le chemin qui correspond
Ensuite dans le head tu ajoute :
<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();
});
});
Salut,
$("#yourID").bind('ended', function(){ .
this.play(); .
});
Ou est ce que t'as mis ce code? t'as des messages d'erreurs??
$("#yourID").bind('ended', function(){ .
this.play(); .
});
Ou est ce que t'as mis ce code? t'as des messages d'erreurs??
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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question