点击播放/暂停不'我不在Mozilla工作

Click to play/pause doesn't work in Mozilla

本文关键字:工作 Mozilla 播放 暂停      更新时间:2023-09-26

我目前正在开发一个网站,但现在遇到了一个问题在我的网站上,我放了一个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();
});

顺便问一下,当用户悬停在视频上时,有人能告诉我如何在屏幕中间添加大播放按钮吗?谢谢

试试这个。

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

祝你好运!