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

Question

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

基本上，当您单击一个视频的区域时，该视频应停止播放，而当我单击返回时，该视频应继续播放... 任何帮助将不胜感激！

Answer 1

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

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