Comment mettre en pause une vidéo HTML5 sur un événement?
Je suis en construction d'un site web avec HTML5-<video>
en plein écran d'arrière-plan. Il y a des pages en forme de <div>
s de devenir visible avec SWF-conteneur joueur en eux que de causer de graves PROCESSEUR problèmes de performances lorsque les deux médias jouent.
Donc, je veux ajouter une simple commande javascript qui met en pause la vidéo d'arrière-plan lorsqu'un projet-<div>
devient visible. Ce serait bien si elle reprend à nouveau la lecture quand il fait fermé/caché.
Merci d'avance.
Vous devez vous connecter pour publier un commentaire.
Noter qu'il n'existe pas de méthode stop (). Dans la fonction qui affiche/masque de votre DIV, place de la fonction de lecture/pause là.
Plus de ressources ici: http://www.digitaria.com/blogs/html5-video-skinning-tutorial-part-2-play-buttons
<a href="#" onclick="hideTheDiv(...)">...</a>
) Est-il quelque chose comme une fonction d'écoute en js qui jouent()s lors du déclenchement de la sorte? Edit: je tiens à préciser que je n'ai qu'un accès limité à la structure des sites web que je suis en train de travailler sur un CMS modèle. Je ne peux pas atteindre dans le spécifique niveau de l'ancrage pour ajouter une fonction javascript là par moi-même..play()
méthode de la fonction qui doit reprendre la lecture.onclick="hideTheDiv()"
pour déclencher laplay()
. Comme je l'ai dit dans mon premier commentaire.hideTheDiv()
de la fonction ou de la balise d'ancrage?<script type="text/javascript"> document.getElementById('mainbg').pause(); function findFirstDescendant(parent, tagname) { parent = document.getElementByClass(parent); var descendants = parent.getElementsByTagName(tagname); if ( descendants.length ) return descendants[0]; return null; } var header = findFirstDescendant("project_index", "a"); header.onclick = function () { document.getElementById('mainbg').play(); }; </script>
play()
ont un nom ou l'ID? Je suppose qu'il n'a pas puisque vous avez quefindFirstDescendant
fonction.'mainbg'
est la vidéo d'arrière-plan,project_index
est la classe de l'<div>
qui contient le lien. Désolé pour le format de merde, leformatting
ne semble pas fonctionner.<br />
... de mettre tout cela en une seule ligne et en fait, il fonctionne. Dû ajouter de l'original onclick fonctionner de nouveau, mais il fonctionne bien. Merci beaucoup Evan, vous avez sauvé ma soirée 😀Mon préféré est un petit gestionnaire onclick ajouté à l'attribut html, comme ceci:
car il n'y a pas une tradition div cacher/montrer que vous avez à jouer() et pause() de votre élément de vidéo lorsque vous appelez les fonctions qui font de votre div apparaître/disparaître