視頻元素停止觸摸事件

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>