循环播放 HTML5 视频时循环播放黑屏

Question

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

我尝试使用 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

只是猜测，但也许可以尝试从循环播放 0.5 秒开始播放视频，以便跳过一开始的黑屏。在此处查找可用于操作功能的事件列表。我会研究 currentTime 事件，最后可能设置为this.currentTime，然后设置this.play();