如何在YouTube Player API中停止视频循环？设置loop:0无效

我之前也踩过这个坑！YouTube Player API的loop参数有时候表现得不太直观，尤其是当你用到状态监听事件的时候，很容易出现设置loop:0但视频还是自动重播的情况。下面给你分析原因和解决办法：

最常见的问题：onStateChange事件的错误处理 #

你代码里配置了onStateChange回调，如果这个函数里在视频结束（YT.PlayerState.ENDED）的时候调用了playVideo()，那不管你loop设成0还是1，视频都会强制循环。这是绝大多数人碰到这个问题的根源！

解决方案步骤 #

• 检查并修正onStateChange逻辑
  确保你没有在视频结束时触发自动播放，甚至可以显式调用stopVideo()来彻底停止视频：

  function onPlayerStateChange(event) {
    if (event.data === YT.PlayerState.ENDED) {
      // 不要调用 event.target.playVideo()！
      // 可选：调用stopVideo()确保视频完全停止
      event.target.stopVideo();
    }
  }
  

• 确认没有隐式设置playlist参数
  如果你之前为了实现循环，在playerVars里加过playlist: "M7lc1UVf-VE"（和当前videoId相同），那即使后来把loop改成0，这个playlist参数会让视频继续循环。所以一定要确保playerVars里没有这个参数，或者把它设为空。

• 关于loop:0的小知识
  其实loop:0是YouTube Player API的默认行为，你完全可以省略这个参数，不会影响结果。但明确写出来也没问题，只是要确保没有其他逻辑覆盖这个设置。

修改后的完整示例代码 #

function onYouTubePlayerAPIReady() {
  player = new YT.Player("ytplayer", {
    width: "100%",
    height: "100%",
    videoId: "M7lc1UVf-VE",
    playerVars: {
      autoplay: 1,
      showinfo: 0,
      autohide: 1,
      loop: 0, // 可选，默认就是0
      controls: 1,
      modestbranding: 1,
      vq: "hd1080"
    },
    events: {
      onReady: onPlayerReady,
      onStateChange: onPlayerStateChange
    }
  });
}

function onPlayerReady(event) {
  // 这里放你的初始化逻辑，比如静音、设置播放速度等，不要触发重播
}

function onPlayerStateChange(event) {
  if (event.data === YT.PlayerState.ENDED) {
    // 视频结束时停止，不自动重播
    event.target.stopVideo();
  }
}

内容的提问来源于stack exchange，提问作者Gaurav Singh