当播放另一个视频时暂停播放 YouTube 视频?

发布于 2024-11-03 10:42:13 字数 160 浏览 2 评论 0原文

我将在一个网页上活跃大量 YouTube 视频,大概使用 YouTube 的嵌入代码。 (普通和/或 iFrame)

我希望用户一次只能播放一个。如果一个正在运行而另一个正在播放,我需要所有其他停止/暂停。

有没有办法以这种方式全局控制所有玩家?也许用 MooTools ?

I will have a large number of youtube videos active on a single webpage, presumably using the embed code from YouTube. (normal and/or iFrame)

I want the user only able to play one at a time. if one is running and another is played i need all other/s to stop/pause.

Is there a way to globally control all players in that way? Maybe with MooTools?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

一世旳自豪 2024-11-10 10:42:13

您可以使用 YouTube iFrame API 来完成此操作。

基本上,您只需要设置一个 YT.Player 实例为每个视频设置一个 onStateChange 事件,该事件在给定视频开始时停止其他播放器。

例如

player1 = new YT.Player('player1', {
    events: {
      'onStateChange': function(e) { 
          if(e.data == YT.PlayerState.PLAYING) player2.stopVideo(); }
    }
});

,如果您有很多玩家,那么设置循环应该不会太棘手。 2 名玩家演示位于 http://torontoprogrammer.ca/demos/multiyoutube/

You can do this with the YouTube iFrame API

Basically you just need to set up a YT.Player instance for each video and set up an onStateChange event that stops the other player(s) if the given video starts.

e.g.

player1 = new YT.Player('player1', {
    events: {
      'onStateChange': function(e) { 
          if(e.data == YT.PlayerState.PLAYING) player2.stopVideo(); }
    }
});

If you've got a lot of players, setting up a loop shouldn't be too tricky. 2 player demo available at http://torontoprogrammer.ca/demos/multiyoutube/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文