Html 仅在播放时显示视频控件，不在加载时显示

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

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

但是，加载时，视频控制栏会覆盖在海报图像上。是否可以修改此代码，使控制栏仅在视频开始播放时显示？我可以完全省略控制标记，但这样它就不会出现了

如果有人有任何想法或我是否可以尝试其他方法，请告诉我

---

谢谢

只需排除

控件

属性，然后使用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>

您是否尝试过在没有

控件

属性的情况下加载（顺便说一句，这是一个布尔值，您不需要

controls=“controls”

这个词），然后在onclick中显示它们？啊，谢谢@offbeat！很高兴！如果它对你有效，你能标记为正确答案吗（如果它不…让我知道！）