2011-04-14 217 views
4

通過點擊與大多數視頻播放器相似的視頻元素中的任何位置來添加暫停/播放功能的最簡單方法是什麼?mediaelement.js - 暫停/播放視頻的onclick?

我想:

$('video').click(function() { 

     if($(this).paused){ 

      $(this).play(); 

     } else { 

      $(this).pause(); 

     } 


    }); 

但它並沒有像$(本).pause()調用。任何幫助表示讚賞。謝謝。

DS

回答

0
$('video').click(function() { 

     if(this.paused){ 

      this.play(); 

     } else { 

      this.pause(); 

     } 


    }); 

但是,這是不行的。您需要在視頻上浮動一個不可見的div(使用不可見的PNG)以接收點擊命令。

或者你可以使用像http://videojs.com/

+0

爲什麼不這項工作?我收到的點擊事件罰款,所以我不明白爲什麼我需要一個div超過視頻。我只是從videojs切換到mediaelementjs,因爲它也支持音頻。 – DamnSemicolon 2011-04-14 20:10:52

+1

我認爲它與它是一個jQuery對象vs dom對象 – DamnSemicolon 2011-04-14 20:34:12

+0

是這樣。需要轉換爲dom元素才能訪問html5視頻方法。 – DamnSemicolon 2011-04-14 20:37:13

3
$(".mejs-mediaelement").click(function(){ 
     if($(".mejs-overlay-play").css('display') == 'none'){ 
      $('video').each(function(){this.player.pause()}); 
     } 
    }); 

的解決方案只是試試:)