点击播放/暂停在Mozilla中不起作用

促进

我目前正在开发一个网站,现在遇到问题。在我的网站上,我放了html5视频,并且添加了一个事件,使用户可以通过单击视频来暂停/播放。该事件适用于Chrome和IE,但不适用于Mozilla。谁能告诉我发生了什么事?

这是我的代码

<div class="header-unit">
   <div id="video-container">
     <video controls autoplay loop muted class="fillWidth">
        <source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4"/>
            Your browser does not support the video tag. I suggest you upgrade your browser.
     </video>
   </div><!-- end video-container -->
</div><!-- end .header-unit -->

这是JS

$('.fillWidth').click(function(){
    this.paused?

    this.play():

    this.pause();

});

顺便说一句,当用户将鼠标悬停在视频上时,有人可以告诉我如何在屏幕中间添加大播放按钮吗?谢谢 !

亚米尔·沙扎德(Aamir Shahzad)

试试这个吧。

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

祝你好运!

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

RemoteControlClient磨损播放/暂停不起作用

来自分类Dev

播放/暂停不起作用 Spotify

来自分类Dev

嵌入自动播放错误在Mozilla中不起作用

来自分类Dev

A:悬停在CSS中不起作用

来自分类Dev

A:悬停在CSS中不起作用

来自分类Dev

(Lubuntu)播放/暂停键和音量键不起作用

来自分类Dev

动画播放状态暂停不起作用即

来自分类Dev

SVG在Mozilla Firefox中不起作用

来自分类Dev

.focus()onblur在Mozilla中不起作用

来自分类Dev

动画在Mozilla中不起作用

来自分类Dev

Backgroud CSS在Mozilla中不起作用

来自分类Dev

样式在 Mozilla Firefox 中不起作用

来自分类Dev

暂停打印在Java中不起作用

来自分类Dev

$(this) 在定义的点击事件中不起作用

来自分类Dev

多次点击在android中不起作用

来自分类Dev

谷歌可视化表格图表点击并返回行/列值在 Mozilla 浏览器中不起作用

来自分类Dev

点击不起作用?

来自分类Dev

在点击不起作用

来自分类Dev

HTML5 视频播放器 onclick 播放/暂停不起作用

来自分类Dev

CSS列表悬停在Google Chrome中不起作用

来自分类Dev

CSS悬停在IE8中不起作用

来自分类Dev

CSS悬停在云导航中不起作用

来自分类Dev

菜单悬停在IE中不起作用

来自分类Dev

CSS悬停在Chrome中不起作用

来自分类Dev

CSS悬停在此代码中不起作用

来自分类Dev

悬停在块级链接中不起作用

来自分类Dev

媒体密钥的播放/暂停全局在12.10中起作用,而不是在13.10中起作用

来自分类Dev

媒体密钥的播放/暂停全局在12.10中起作用,而不是在13.10中起作用

来自分类Dev

将鼠标悬停在可点击的图片描述上不起作用