嵌入的 youtube 视频启动时如何停止音乐？ [关闭]

Question

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

知道如何做到这一点吗？或者这个问题有什么解决办法吗？

Answer 1

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

如果视频是使用iframe（如 cmets 所示）加载的，请参阅Guide for YouTube iframe embeds（注意检测播放器事件的代码示例）。

示例

  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 也可以被黑）。

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