javascript - 如何使用 Javascript 暂停视频

标签 javascript jquery wordpress video

所以我的网站有一个小问题,首先我用Wordpress制作它,并且我有一个带有选项卡的页面,每个选项卡都包含嵌入的视频Youtube,我的问题是当我从一个选项卡传递到另一个选项卡时,上一个视频不会停止,这是我的代码:

[tabgroup][tab title="Sport"]
 [embedyt]https://www.youtube.com/watch?v=FVsgso273EE?theme=light[/embedyt][/tab]
[/tab]

[tab title="Action"]
 [embedyt]https://www.youtube.com/watch?v=zuzaxlddWbk?theme=light[/embedyt][/tab]
[/tab]

[tab title="Strategi"]
 [embedyt]https://www.youtube.com/watch?v=LKrRCADS7To?theme=light[/embedyt][/tab]
[/tab]
[/tabgroup]

这是我了解情况的页面My-website

在我的网站中,如果您单击 SPIL 菜单项,您将找到视频选项卡。 所以,如果有人有任何想法,我将非常感激:)

最佳答案

您可以使用 Youtube JavaScript API 执行播放、暂停、查找视频中的特定时间、设置音量、静音播放器以及其他有用功能等操作。

https://developers.google.com/youtube/js_api_reference

只需将一个事件处理程序附加到您的选项卡,单击该事件处理程序即可获取对当前视频的引用,暂停它然后播放新视频。

以下是此类功能的现场演示:https://developers.google.com/youtube/youtube_player_demo

关于javascript - 如何使用 Javascript 暂停视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20969412/

相关文章:

javascript - 使用 JavaScript 填充选择的选项以及删除它们

css - 在 Wordpress 中更改类别中帖子的 CSS

wordpress - PayPal错误: We’re sorry things don’t appear to be working at the moment.请稍后再试

wordpress - nginx wordpress 子域让加密

javascript - fancybox 没有正确加载内容

javascript - WebGL - 更改对象之间的颜色

javascript - 在 Angularjs 中单击按钮捕获行数据

Javascript-onclick 事件不起作用?

javascript - 为什么在条件中不检查流密封对象类型属性

javascript - 如何获取父元素?