带控件的视频元素停止触摸事件的传播

Question

如果我们在视频上设置控件属性

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

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

Answer 1

大多数

桌面浏览器不支持ontouchstart event，因为它适用于（iPhone/平板电脑），请参阅文档。

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

正如您在没有controls的更新小提琴中看到的那样，警报也不会触发。

如果你想控制视频，你可以这样做 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>