Question

通过点击与大多数视频播放器类似的视频元素中的任意位置，添加暂停/播放功能的最简单方法是什么？

我试过了：

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

        if($(this).paused){

            $(this).play();

        } else {

            $(this).pause();

        }


    });

但它不喜欢$（this）.pause（）调用。任何帮助表示赞赏。感谢。

DS

Answer 1

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

试试吧：）

Answer 2

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

        if(this.paused){

            this.play();

        } else {

            this.pause();

        }


    });

但是，这不起作用。您需要在视频上浮动一个不可见的div（其中包含一个不可见的PNG）以接收点击命令。

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

之类的解决方案

mediaelement.js - 为视频暂停/播放onclick？

2 个答案: