0

我有一个关于嵌入带有可点击缩略图的视频的问题。我正要修改视频标签以显示点击播放的海报图像:

<video width="569" height="569" controls="controls" poster="images/thumbnail.png" onclick="this.play()"><source type="video/mp4" src="videos/clip.mp4" /></video>

但是,视频控制栏在加载时会显示在海报图像上。是否可以修改此代码以使控制栏仅在视频开始播放时出现?我可以完全省略控制标签,但它根本不会出现。

让我知道是否有人有任何想法,或者我是否可以尝试另一种方法。

谢谢!

4

1 回答 1

0

只需排除该controls属性,然后使用 onclick 事件将其设置为 true。如果您想稍后删除它们,您可以将属性设置为 false

<video width="569" height="569" poster="images/thumbnail.png" onclick="this.controls=true;this.play()"><source type="video/mp4" src="videos/clip.mp4" /></video>
于 2017-06-10T20:24:42.557 回答