帶控件的視頻元素停止傳播觸摸事件

Question

如果我們在視頻上設置控件屬性

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

它停止了觸摸事件的傳播。 為什么會發生這種情況，並且有辦法解決？
http://jsfiddle.net/HptdV/

Answer 1

大多數台式機瀏覽器都不支持ontouchstart event ，因為它適用於（iphone /平板電腦）， 請參閱文檔 。

這就是為什么小提琴不顯示警報的原因。

正如您在沒有controls的UPDATE FIDDLE中看到的那樣，警報也不會觸發。

如果您想控制視頻，則可以通過html5音頻api的方式進行控制

例

<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>