javascript - 嵌入iframe-YouTube视频不循环播放

Question

在我的页面之一中，我遇到了这种情况:

<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>

The 'player' div is the target of the youtube embed video api javascript. My problem is that the option 'loop' doesn't work for my video.

我的错误在哪里？
我应该设置什么选项？

预先感谢所有帮助

Answer 1

用这个:

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

使用 !=(不等于)代替 ==(等于)