所以我的网站有一个小问题,首先我用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/