javascript - html5 视频 : once the video is loaded, 出现闪光。如何删除它？

Question

我正在使用 html5，在下载视频时我在海报属性中使用后备图像。但问题是，一旦下载视频，就会在短时间内显示一个闪烁的屏幕。我怎样才能删除它，以便闪光灯不可见？

<video class="bg-video" loop="" muted="" autoplay="" playsinline="" poster="https://i3.ytimg.com/vi/Zs0bsagDzw8/maxresdefault.jpg">
  <source />
</video>

实时站点:

https://nordic.dnscheck.io/

Answer 1

如果您指的是黑框，它就在您的视频中，因此您应该从那里将其编辑掉。

如果您确实无法再编辑该文件，您仍然可以使用 media fragment syntax 来解决该问题。并使您的视频自动搜索到黑框之后:

<video muted loop autoplay
  poster="https://nordic.dnscheck.io/bilder/poster.webp"
  src="https://nordic.dnscheck.io/nordic.webm#t=0.8"
></video>

但是请注意，黑框在下一个循环中仍然会出现。

此外，虽然这对您来说不是问题，因为您会自动播放视频，但应该注意(当前)通过媒体片段语法设置搜索时间将在视频加载后禁用海报。