我试图用JQuery控制HTML5视频。我在一个选项卡界面中有两个剪辑，总共有六个选项卡，其他的只有图像。我试图使视频剪辑播放时，他们的标签被点击，然后停止时，任何其他被点击。
这一定是一个简单的事情要做，但我似乎不能让它工作，我使用的代码播放视频是:
$('#playMovie1').click(function(){
$('#movie1').play();
});
我读过，视频元素需要在一个函数中公开，以便能够控制它，但找不到一个例子。我能够使它工作使用JS:
document.getElementById('movie1').play();
任何建议都很好。谢谢
当前回答
@loneSomeday解释得很好，这里有一个解决方案，可能也会给你一个很好的主意，如何实现播放/暂停功能
点击播放/暂停视频
其他回答
JQuery使用选择器
$("video_selector").trigger('play');
$("video_selector").trigger('pause');
$("div.video:first").trigger('play');$("div.video:first").trigger('pause');
$("#video_ID").trigger('play');$("#video_ID").trigger('pause');
Javascript使用ID
video_ID.play(); video_ID.pause();
OR
document.getElementById('video_ID').play(); document.getElementById('video_ID').pause();
使用这个. . $ (' # video1 ') .attr({“播放”:“真实”});
你可以这样做
$('video').trigger('play');
$('video').trigger('pause');
我喜欢这个:
$('video').click(function(){
this[this.paused ? 'play' : 'pause']();
});
希望能有所帮助。
在这里找到答案@ToolmakerSteve，但必须这样微调: 暂停所有
$('video').each(function(index){
$(this).get(0).pause();
});
或者玩所有
$('video').each(function(index){
$(this).get(0).play();
});
