再次在html中播放视频后，循环html5视频变黑

Question

我添加了一个用于播放视频的广告代码，但遇到一个问题，就是当视频完成播放时，黑屏一会儿又再次播放视频。

<div class="background-wrap">
  <video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted" width="100%" height="400"><source src="http://localhost/blue/wp-content/uploads/2019/03/4K_UHD_Drone_Fly_Past_Radio_Tower_Portland_Oregon_Crest_Point_Fernando-1.mp4" type="video/mp4"></video></div>

Answer 1

我对您的标签进行了一些修改，以包含而autoplay loop不是autoplay="true" loop="loop".

我还认为你的 HTML 语法有点错误 - 不要将源代码放在标签中<source>，你应该src=""在<video>标签中包含 a ，如下所示：

<div class="background-wrap">
  <video id="video-bg-elem" preload="auto" autoplay loop muted="muted" width="100%" height="400" src="https://app.coverr.co/s3/mp4/Over-the-Map.mp4" type="video/mp4"></video>
</div>

如您所见，循环视频结束时没有黑屏。如果您自己的素材仍然出现这种情况，那么实际上可能是您的视频在结尾处出现了轻微的间隙？