我正在为一个网站制作英雄横幅，该网站应该在加载视频之前显示"海报"图像。视频元素设置为"自动播放"。"海报"图像和视频均由S3提供。
经过一些页面加载分析，似乎有时视频加载是在等待"海报"图像加载。对于在"海报"图像之前加载视频的情况，是否有简单启动视频的方法？
代码为：
<video src={'video_url'}
poster={'poster_url'}
autoplay
loop
muted
controlsList='nodownload'>
</video>
此外，该文档正在预加载"海报"图像(显示了纤细的模板(
link rel="preload" as="image" href={'poster_url'}
我不想在这个特定的实现中使用JS。一般来说，实现是相当高性能的，但数据似乎有很高的标准偏差——当页面加载快时，它加载得很快；当它加载得很慢时，它加载得相当慢。
文档中没有明确说明"海报"图像是否会阻止视频加载。然而，MDN文档内容丰富。
有没有办法保证"海报"one_answers"视频"将显示在"；最快的方式"；可能的
编辑：清晰度
通常，海报会在视频之前加载。
Chrome会在视频之前下载所有图像和CSS/HTML JS——视频是网站中最大的文件(通常……或者你的JS真的很臃肿——但这是另一篇SO帖子(，所以它们的优先级最低。
如果您的视频设置为自动播放&静音-我怀疑有人会看到海报：只要视频准备好播放，它就会开始播放，海报就会永远消失。
为什么不试着在没有海报的情况下加载视频呢？