HTML 5视频控件 - 单击播放/暂停

Question

大家好，并提前感谢您的帮助！我有一个只有视频的html页面（大约20个）。我想要的是在每一个中播放/暂停点击（不显示控件）。

基本上当你点击一个视频的区域时，该视频应该停止，当我点击它时它应该继续播放... 任何帮助将非常感谢！

Answer 1

如果您使用的是html5 video标记，则会有play()和pause()个与之关联的功能。您可以在视频上添加div并在其点击事件上切换视频。 Here's a jsfiddle举了一个例子。

视频还有一个可读写的currentTime变量，因此您也可以使用它做有用的事情。