Arrêter une vidéo youtube avec jquery ?

Question

J'ai un slider jquery que j'ai construit, en fait juste trois panneaux qui glissent en appliquant des valeurs CSS négatives à gauche. Cela fonctionne très bien, mais j'ai une vidéo youtube dans un des panneaux qui ne s'arrête pas lorsque je fais glisser. J'ai essayé display:none et Visibility:hidden, ce qui fonctionne dans tous les cas sauf dans IE, mais le son continue dans IE.

Existe-t-il un moyen simple de tuer une vidéo avec jquery ?

Answer 1

Cette solution est simple, élégante et fonctionne dans tous les navigateurs :

var video = $("#playerid").attr("src");
$("#playerid").attr("src","");
$("#playerid").attr("src",video);

Answer 2

De la Documents de l'API :

player.stopVideo()

donc dans jQuery :

$('#playerID').get(0).stopVideo();

Answer 3

1. inclure

<script type="text/javascript" src="http://www.youtube.com/player_api"></script>

2.ajouter votre iframe youtube.

<iframe id="player" src="http://www.youtube.com/embed/YOURID?rel=0&wmode=Opaque&enablejsapi=1" frameborder="0"></iframe>

3.temps de magie.

      <script>
            var player;
            function onYouTubePlayerAPIReady() {player = new YT.Player('player');}
            //so on jquery event or whatever call the play or stop on the video.
            //to play player.playVideo();
            //to stop player.stopVideo();
     </script>

Answer 4

J'ai déjà eu ce problème et la conclusion à laquelle je suis arrivé est que la seule façon d'arrêter une vidéo dans IE est de la supprimer du DOM.

Answer 5

J'étais confronté au même problème. Après beaucoup d'alternatives, ce que j'ai fait, c'est de réinitialiser l'embed src="" avec la même URL.

Extraits de code :

  $("#videocontainer").fadeOut(200);<br/>
  $("#videoplayer").attr("src",videoURL);

J'ai pu au moins arrêter la lecture de la vidéo lorsque je la cache :-)