使用JQuery播放/暂停HTML 5视频

我试图用JQuery控制HTML5视频。我在一个选项卡界面中有两个剪辑，总共有六个选项卡，其他的只有图像。我试图使视频剪辑播放时，他们的标签被点击，然后停止时，任何其他被点击。

这一定是一个简单的事情要做，但我似乎不能让它工作，我使用的代码播放视频是:

$('#playMovie1').click(function(){
  $('#movie1').play();
      });

我读过，视频元素需要在一个函数中公开，以便能够控制它，但找不到一个例子。我能够使它工作使用JS:

document.getElementById('movie1').play();

任何建议都很好。谢谢

当前回答

提醒一下，在你尝试调用视频功能之前，请确保你检查了浏览器是否支持视频功能:

if($('#movie1')[0].play)
    $('#movie1')[0].play();

这将防止在不支持视频标记的浏览器上出现JavaScript错误。

其他回答

这是我们可以使用的简单方法

jquery上的按钮点击功能

$("#button").click(function(event){
    $('video').trigger('play');
    $('video').trigger('pause');
}

谢谢

我喜欢这个:

$('video').click(function(){
    this[this.paused ? 'play' : 'pause']();
});

希望能有所帮助。

你可以这样做

$('video').trigger('play');
$('video').trigger('pause');

提醒一下，在你尝试调用视频功能之前，请确保你检查了浏览器是否支持视频功能:

if($('#movie1')[0].play)
    $('#movie1')[0].play();

这将防止在不支持视频标记的浏览器上出现JavaScript错误。

使用这个. . $ (' # video1 ') .attr({“播放”:“真实”});

推荐文章