javascript - 嵌入的 youtube 视频启动时如何停止音乐？

Question

我有一个 HTML 网站，音乐在进入时开始播放，但我希望它在用户点击嵌入到我网站的 youtube 视频上播放时停止。所以它使背景音乐和视频音乐无法运行同时因为这很烦人。

关于如何做到这一点的任何想法？或者是否有解决此问题的方法？

Answer 1

onStateChange使用 JavaScript检测玩家的状态变化（事件）： https ://developers.google.com/youtube/js_api_reference#Events

如果视频是使用iframe（如评论所示）加载的，请参阅YouTubeiframe嵌入指南（请注意检测播放器事件的代码示例）。

例子

  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '390',
      width: '640',
      videoId: 'u1zgFlCw8Aw',
      events: {
        'onStateChange': onPlayerStateChange
      }
    });
  }

  function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING) {
      // code to stop the audio player should probably go here
    }
  }

当播放器启动时，使用 JavaScript 停止音频。您还没有告诉我们它是如何嵌入到页面中的，但几乎任何播放器都可以通过脚本停止（甚至bgsound可以被黑客入侵）。

并鼓励您的客户在页面加载时不要自动播放音乐。从纯粹的商业角度来看，它可能会让你付出代价。