嵌入式YouTube视频启动时如何停止播放音乐？

Question

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

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

Answer 1

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

如果使用iframe加载视频（如评论所示），请参阅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也可以被黑客攻击）。

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