javascript - 循环播放的 HTML5 视频在循环播放时出现黑屏

Question

我有一个通过 jquery 循环播放的 20 秒 HTML5 视频。但是每次开始播放视频时，黑屏都会快速闪烁，而且非常刺耳，因为它应该与白色背景融为一体。

我尝试使用 CSS 将视频背景设为白色，但无济于事。我有什么想法可以达到预期的效果吗？

<video id="projects-video" width="841px" height="490px" autoplay poster="video/map1280-poster.jpg" >
    <source src="video/map841.mp4" type="video/mp4"/>
    Your browser does not support the video tag. I suggest you upgrade your browser.
 </video>

<script>
   $("#projects-video").bind('ended', function(){
            this.play();
     });
</script>

Answer 1

黑屏似乎是视频第一帧之前的时间。例如，如果视频有 30FPS，使用 video.currentTime = 0.034 (1/30 = 0.0333...) 黑屏应该消失。

我知道这篇文章已经过时了，但我希望它能对以后的人有所帮助:)