视频元素停止触摸事件

Question

的传播如果我们设置控制上视频

<video src="http://www.w3schools.com/html/mov_bbb.ogg" controls></video> 

属性它停止触摸事件的传播。为什么会发生这种情况，有没有办法解决这个问题？
http://jsfiddle.net/HptdV/

Answer 1

ontouchstart event在大多数桌面浏览器中不支持，因为它是（iphone/tablet）see documentation。

这就是为什么小提琴不显示警报。

正如你所看到的UPDATE FIDDLE没有controls警报不会被解雇。

如果你想控制视频，你可以这样来做html5 audio api

EXAMPLE

<video id="demo" src="http://www.w3schools.com/html/mov_bbb.ogg"></video> 
<div> 
    <button onclick="document.getElementById('demo').play()">Play the Audio</button> 
    <button onclick="document.getElementById('demo').pause()">Pause the Audio</button> 
    <button onclick="document.getElementById('demo').volume+=0.1">Increase Volume</button> 
    <button onclick="document.getElementById('demo').volume-=0.1">Decrease Volume</button> 
</div>