Arrêt vidéo HTML5Fermer
Je suis en utilisant des outils de jQuery pour une superposition. À l'intérieur de la superposition j'ai une vidéo HTML5. Cependant, lorsque je ferme la superposition, la vidéo continue à jouer. Une idée de comment je pourrais obtenir la vidéo arrêter quand je ferme la superposition? Voici le code que j'ai:
$("img[rel]").overlay({ onClose: function() { <stop the video somehow> }, mask: { color: '#000', opacity: 0.7 }});
J'ai essayé d'utiliser
$('video').pause();
Mais cette pause, la superposition.
source d'informationauteur HWD
Vous devez vous connecter pour publier un commentaire.
Le problème peut être avec sélecteur jquery que vous avez choisi
$("video")
n'est pas un sélecteurLa droite du sélecteur peut être mettre un id élément pour vidéo tag c'est à dire
Disons que votre élément vidéo ressemble à ceci:
Ensuite, vous pouvez le sélectionner via
$("#vid1")
avec marque de hachage (#), sélecteur d'id en jquery.Si un élément vidéo est exposée dans la fonction,vous avez accès aux HtmlVideoElement (HtmlMediaElement).Ces éléments de contrôle et d'élément vidéo,dans votre cas, vous pouvez utiliser
pause()
méthode pour votre élément de vidéo.Vérifier de référence pour VideoElement ici.
Vérifiez également qu'il n'y est une solution de secours référence ici.
Si vous voulez arrêter tous les films de la balise dans votre page à partir de la lecture, ce petit extrait de jQuery qui va vous aider à:
La suivante fonctionne pour moi:
De départ de la Vidéo avec les différents navigateurs
Pour Opera 12
Pour Firefox Nightly 18.0
Pour Chrome 22
Arrêter une vidéo avec les différents navigateurs
Pour Opera 12
Pour Firefox Nightly 18.0
Pour Chrome 22
Quelqu'un a déjà la réponse.
$('video') retournera un tableau des éléments vidéo. Il est totalement valide seletor!
donc
fonctionne.
Pour un JQM+app PhoneGap la suite travaillé pour moi.
Le suivant était le minimum que je devais aller à obtenir que cela fonctionne. En fait j'ai été confronté à un décrochage en raison de la mise en mémoire tampon pendant le frai des requêtes ajax lorsque l'utilisateur appuie sur le bouton retour. Mise en pause de la vidéo dans le Chrome et le navigateur Android gardé en mémoire tampon. Le non-async requête ajax serait bloqué en attente de la mise en mémoire tampon pour finir, il ne se serait jamais.
De la liaison de cette à la beforepagehide cas, il fixe.
Cela effacera toutes les vidéos de la balise sur la page.
L'important, c'est cela.src = "";
Mon expérience avec Firefox, c'est que l'ajout d'un "
id
" attribut d'un élément vidéo causes Firefox crash complètement...comme en vous demandant de soumettre un rapport de bogue. Supprimer laid
élément et il fonctionne très bien. Je ne suis pas sûr si cela est vrai pour tout le monde, mais je pensais que je voudrais partager mon expérience au cas où il permet.Pour économiser des heures de codage de temps, utilisez un plug-in jquery déjà optimisé pour la vidéo, les iframes.
J'ai passé deux jours à essayer d'intégrer Vimeo est moogaloop API avec des outils de jquery sans succès. Voir cette liste pour une poignée de plus facile options.
Essayez ceci:
Mais, considérer que $.navigateur est obsolète, mais je n'ai pas trouvé une solution comparable.