我有一个关于嵌入带有可点击缩略图的视频的问题。我正要修改视频标签以显示点击播放的海报图像：
<video width="569" height="569" controls="controls" poster="images/thumbnail.png" onclick="this.play()"><source type="video/mp4" src="videos/clip.mp4" /></video>
但是，视频控制栏在加载时会显示在海报图像上。是否可以修改此代码，以便仅在视频开始播放后显示控制栏？我可以省略所有togeter的控制标签，但那样它根本不会出现。
如果有人有任何想法，或者我可以尝试另一种方法，请告诉我。
谢谢！
只需排除 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>