2011-04-14 218 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()}); 
     } 
    }); 

的解决方案只是试试:)