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

标签 javascript css html html5-video

我有一个通过 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>

最佳答案

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

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

关于javascript - 循环播放的 HTML5 视频在循环播放时出现黑屏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23295278/

相关文章:

javascript - 无法降低html中图像的高度

javascript - 收到 $mdDialog.alert 错误

html - 当 ng 服务 Angular 应用程序时,在组件 css 中配置的背景图像不考虑相对路径

javascript - 为什么没有显示验证? PHP Codeigniter

javascript - 日期 - 每天的特定时间,特定时区

javascript - 从数据特征添加 Google Maps InfoWindow 产生错误 : "b.get is not a function"

html表格单元格宽度0不起作用?

javascript - 响应式将 1st Div 移动到 2nd Div

javascript - 如果未在字段中输入任何内容,如何才能使结果返回 '0' 而不是 NaN。

html - 如何使带有斜率的html div边缘?