我正在尝试使用JQuery控制HTML5视频.我在选项卡式界面中有两个剪辑,总共有六个选项卡,其他只有图像.我试图在单击其选项卡时播放视频剪辑,然后在单击任何其他选项卡时停止播放.
这必须是一件简单的事情,但我似乎无法让它工作,我用来播放视频的代码是:
$('#playMovie1').click(function(){
$('#movie1').play();
});
Run Code Online (Sandbox Code Playgroud)
我已经读过视频元素需要在函数中公开以便能够控制它但是找不到示例.我能够使用JS工作:
document.getElementById('movie1').play();
Run Code Online (Sandbox Code Playgroud)
任何建议都会很棒.谢谢
这是我现在的主要标记。
<div id="video_container">
<video id="video">
<source src="popeye_patriotic_popeye.mpeg" type="video/mp4">
</video>
</div>
<button type="button" id="play_button">Play</button>
Run Code Online (Sandbox Code Playgroud)
基本上我们有视频盒,以及“播放”按钮。我想知道是否可以通过 javascript 允许此按钮播放/暂停视频。我不确定这是否可行,但如果可行,请告诉我我将如何去做。
谢谢