2016-07-05 12 views
0

in einem meiner Seite Looping Ich habe diese Situation geraten:Embed iframe - Youtube Video nicht

<script> 
 
        /* 2. This code loads the IFrame Player API code asynchronously. 
 
        */ 
 
        var tag = document.createElement('script'); 
 

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

 
        /* 3. This function creates an <iframe> (and YouTube player) after the API code downloads. 
 
        */ 
 
        var player; 
 
        function onYouTubeIframeAPIReady() { 
 
         player = new YT.Player('player', { 
 
         videoId: 'xbiEN3jGi00', 
 
         events: { 
 
          'onReady': onPlayerReady, 
 
          'onStateChange': onPlayerStateChange 
 
         }, 
 
         playerVars: { 
 
          'autoplay': 1, 
 
          'loop': 1, 
 
          'controls': 0, 
 
          'rel' : 0, 
 
          'showinfo': 0, 
 
         } 
 
         }); 
 
        } 
 

 
        /* 4. The API will call this function when the video player is ready.*/ 
 
        function onPlayerReady(event) { 
 
         event.target.playVideo(); 
 
         player.mute(); 
 
        } 
 

 
        /* 5. The API calls this function when the player's state changes. 
 
        The function indicates that when playing a video (state=1), 
 
        The player should play for six seconds and then stop. 
 
        */ 
 
        var done = false; 
 
        function onPlayerStateChange(event) { 
 
         if (event.data == YT.PlayerState.PLAYING) { 
 
          player.playVideo(); 
 
         } 
 
        } 
 
       </script>
<div class="video-background-container parallax embed-responsive embed-responsive-16by9" data-stellar-ratio="0.4"> 
 
     <div id="player" class="embed-responsive-item"></div> 
 
    </div>

Der 'Spieler' div ist das Ziel des youtube Videos einbetten api Javascript. Mein Problem ist, dass die Option "Schleife" nicht für meine Video funktioniert.

Wo ist mein Fehler? Welche Option sollte ich einstellen?

Vielen Dank im Voraus für alle Hilfe

Antwort

0

verwenden:

function onPlayerStateChange(event) { 
    if (event.data != YT.PlayerState.PLAYING) { 
     player.playVideo(); 
    } 
} 

Mit != (nicht gleich) statt == (gleich)