如何暂停视频使用Javascript

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