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

Question

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

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

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

Answer 1

ontouchstart 事件 在大多数桌面浏览器中不受支持，因为它适用于(iphone/平板电脑)see documentation .

这就是 fiddle 不显示警报的原因。

正如您在 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>