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

Question

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

});

顺便说一句，有人告诉我当用户徘徊在视频时如何在屏幕中间添加大播放按钮？谢谢 ！

Answer 1

试试这个。

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

祝你好运！