首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用JQuery播放/暂停HTML5视频

使用JQuery播放/暂停HTML5视频
EN

Stack Overflow用户
提问于 2011-01-10 20:50:46
回答 18查看 514.9K关注 0票数 225

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

这必须是一件简单的事情,但我似乎不能让它工作,我用来播放视频的代码是:

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

我读到视频元素需要在函数中公开才能控制它,但找不到示例。我可以使用JS让它工作:

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

任何建议都是很棒的。谢谢

EN

回答 18

Stack Overflow用户

回答已采纳

发布于 2011-01-10 20:58:31

您的解决方案在这里显示了问题-- play不是jQuery函数,而是DOM元素的函数。因此您需要在DOM元素上调用它。您给出了一个示例,说明如何使用本机DOM函数执行此操作。如果您希望这样做以适应现有的jQuery选择,那么$('#videoId').get(0).play()就是jQuery的等价物。(get从jQuery选择中获取原生DOM元素。)

票数 387
EN

Stack Overflow用户

发布于 2014-02-27 15:51:50

你可以做到

$('video').trigger('play');
$('video').trigger('pause');
票数 81
EN

Stack Overflow用户

发布于 2014-02-01 09:11:01

这就是我是如何让它工作的:

jQuery( document ).ready(function($) {
    $('.myHTMLvideo').click(function() {
        this.paused ? this.play() : this.pause();
    });
});

我的所有HTML5标记都有'myHTMLvideo‘类

票数 57
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4646998

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档