單擊播放/暫停在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');

祝好運！