播放soundcloud音频时暂停youtube视频

Posted 2021-04-16

如何在soundcloud音频支付时暂停youtube视频，反之亦然

<span class="soundcloud_embed" id="soundcloud_post_312">
  <iframe id="ui-id-1" width="100%" height="300" scrolling="no" 
     frameborder="no" src="https://w.soundcloud.com/player/?
     url=https%3A//api.soundcloud.com/tracks/163100334&amp;
     color=%23ff5500&amp;
     auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;
     show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;
     visual=true">
  </iframe>

</span>

<span class="youtube_embed" id="youtube_post_309">
 <iframe id="ui-id-2" width="560"height="315" src="https://www.youtube.com/
    embed/M7lc1UVf-VE" frameborder="0" gesture="media" 
    allow="encrypted-media" allowfullscreen></iframe>
</span>

我在这个链接Pause Youtube embed when playing Soundcloud embed找到了源代码

http://jsfiddle.net/Lpq9n7ht/

答案

如果你需要控制播放器，你需要IFrame API。

IFrame播放器API可让您在网站上嵌入YouTube视频播放器，并使用javascript控制播放器。

阅读文档以开始使用。有starter guide将帮助您如何使用API​​。根据您要使用的功能，代码也可作为参考。

对于requirements，请记住这一点。

用户的浏览器必须支持html5 postMessage功能。大多数现代浏览器都支持postMessage，尽管Internet Explorer 7不支持它。