Youtube Player Api mit Schleife

Question

Ich habe Probleme mit der Einrichtung der Schleife für Youtube-Videos mit Youtube Player API.

Das Problem ist, dass das Video nicht unter einer Schleife läuft.

Hier ist mein Code

var tag = document.createElement('script'); 

     tag.src = "https://www.youtube.com/iframe_api"; 
     var firstScriptTag = document.getElementsByTagName('script')[0]; 
     firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 


     var player; 
     function onYouTubeIframeAPIReady() { 
     player = new YT.Player('player', { 
      height: '390', 
      width: '640', 

      playerVars: { 
      'controls': 0,   
      'showinfo': 0, 
      'rel': 0, 
      'loop': 1 

      }, 
      videoId: 'qzZuBWMnS08', 
      events: { 
      'onReady': onPlayerReady, 
      // 'onStateChange': onPlayerStateChange 
      } 
     }); 
     } 
function onPlayerReady(event) { 
     // event.target.setLoop(true); 
     event.target.playVideo(); 
     } 

Die Schleife: 1 scheint nicht zu sein working.Also gibt es eine Möglichkeit, den Anteil und Videotitel von der Spitze des Videos zu entfernen.

Vielen Dank im Voraus.

Answer 1

Wie in documentation angegeben, müssen Sie den Parameter playlist auf die Video-ID setzen, damit die Schleife funktioniert.

Sie werden fehlen die showinfo Parameter den Titel usw.

Answer 2

Versuchen Sie dies in Ihrem onPlayerStateChange, in irgendeiner Art und Weise Youtube will, dass Sie sich zu verstecken wieder in den videoID setzen.

onStateChange: function(e){ 
    var id = 'qzZuBWMnS08'; 

    if(e.data === YT.PlayerState.ENDED){ 
     player.loadVideoById(id); 
    } 
} 

Answer 3

Wenn das Video nicht ändert, können Sie einfach tun

onStateChange: 
    function(e){ 
     if (e.data === YT.PlayerState.ENDED) { 
      player.playVideo(); 
     } 
    } 

Dadurch wird verhindert, unnecisarily das Video Nachladen

Answer 4

Dies ist, was ich für die API IFrame Video-Loop verwendet haben. Ich habe festgestellt, dass Sie den Parameter "Playlist: VIDEO_ID" angeben müssen. und es funktioniert. Das ist mein Beispiel

<script> 
 
    // Load the IFrame Player API code asynchronously. 
 
    var tag = document.createElement('script'); 
 
    tag.src = "https://www.youtube.com/player_api"; 
 
    var firstScriptTag = document.getElementsByTagName('script')[0]; 
 
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 
 

 
    // Replace the 'ytplayer' element with an <iframe> and 
 
    // YouTube player after the API code downloads. 
 
    var player; 
 

 
    function onYouTubePlayerAPIReady() { 
 
    player = new YT.Player('ytplayer', { 
 
     height: '390', 
 
     width: '640', 
 
     videoId: 'VIDEO_ID', 
 
     playerVars: { 
 
     playlist: 'VIDEO_ID', 
 
     loop: 1 
 
     } 
 
    }); 
 
    } 
 
</script>