无法通过手机中的jquery暂停视频

Question

下面是我用来播放和暂停视频的代码，它在我的桌面上运行良好

当我们点击视频时，它会打开并在再次按下时全屏播放，视频应该会暂停，并带有警报消息暂停。

当我在我的安卓浏览器中播放时无法收到警告消息

链接：http://liveweave.com/miaQVr

js代码：

/* Write JavaScript here */     
$(document).ready(function() {
            var v = document.getElementById("myVideo"); 
            $('#myVideo').on('click', v, function (e) {
                if (v.paused === false) {
                    v.pause();
                  alert("pause");
                } else {
                    v.webkitEnterFullscreen();
                    v.play();
                }
                return false;
            });
        });

html代码：

<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<video width="80%" height="auto" controls="controls" id="myVideo">
                <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" />
</video>

Answer 1

触摸偶处理不是问题吗？也许您应该考虑为您的脚本添加触摸支持？像这样：

$('#myVideo').on('touchstart click', ...

然后您应该记住停止传播（消除重影点击）：

e.stopPropagation();

以后您还可以通过以下方式检查您是否使用移动设备：

if(e.type == "touchstart") {
    // Handle touchstart event.
} else if(e.type == "click") {
    // Handle click event.
}

http://jsfiddle.net/Lhzyggqn/

您也可以通过这种方式检查您是否在移动设备中：

 var clickHandler = ('ontouchstart' in document.documentElement ? "touchstart" : "click");

http://jsfiddle.net/hcwwLrhq/