如何在视频播放前添加背景图片

【问题标题】：How to add background image for video before it plays如何在视频播放前添加背景图片
【发布时间】：2020-03-25 21:49:05
【问题描述】：

如果有办法在视频播放之前添加图像背景或任何东西，我会徘徊。实际上在 Chrome 和除 Safari 之外的其他浏览器中，如果视频没有播放，视频的第一屏是作为背景的。但在 Safari 中是黑色的。

这是我在 WP 中放置视频的方式

[video width="1920" height="1080" mp4="https://my-website.live/wp-content/uploads/2020/03/HEALTH_NEW.mp4"][/video]

【问题讨论】：

标签： html wordpress video

【解决方案1】：

听起来你想要的是视频的“海报”属性。 HTML5 Video Poster

如果您在文档中查找视频短代码，这是一个选项。 https://wordpress.org/support/article/video-shortcode/#options

[video width="1920" height="1080" mp4="https://my-website.live/wp-content/uploads/2020/03/HEALTH_NEW.mp4" poster="https://yourdomain.com/image.jpg"][/video]

【讨论】：