Question

所以我的网站出现了一个小问题，首先我用 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 菜单项，我会在我的网站上找到视频标签。所以，如果有人有任何想法，我将非常感激：）

Answer 1

您可以使用Youtube JavaScript API执行播放，暂停，在视频中的特定时间搜索，设置音量，静音播放器以及其他有用功能等内容。

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

只需将一个事件处理程序附加到您的标签页，点击该图标时，获取对当前视频的引用，暂停它然后播放新视频。

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

Answer 2

如果您使用的是HTML视频标记，则可以使用下面给出的代码

var myVideo=document.getElementById("video1"); 
function playVid()
  { 
  myVideo.play(); 
  } 

function pauseVid()
  { 
  myVideo.pause(); 
  }

按照给定的链接作为示例http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_av_met_play_pause

如何使用Javascript暂停视频

2 个答案: