非常重要，我在 api 中没有 img。我需要在视频中设置预览缩略图。
<video style="object-fit: contain;" width="100%" height="100%" controls preload="metadata"
[poster]="indexOfSelectedExercise.exercise?.fullVideoUrl" loop>
<source [src]="indexOfSelectedExercise.exercise?.fullVideoUrl" type="video/mp4" />
</video>
fullVideoUrl:“https://www.url.com/images/Screen Recording 2020-12-01 at 19.01.52.mov”
这是网址示例
最佳答案
如果您没有有图像，那么就不要指定海报，这是没有意义的。 (这需要图像格式，因此仅向其提供视频文件 URL 是没有意义的。)
此时您只能将preload设置为auto，希望浏览器开始加载视频，并在可用时使用第一帧来呈现预览。
(如果这用于大型视频或页面上的多个视频，这可能会带来流量/带宽，甚至可能带来性能问题，这一点应该很清楚。)
关于javascript - 在没有海报的情况下预览视频 html5 的缩略图？ Angular ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/65216350/