html5视频元素有啥bug吗？几个小时后它不会继续播放内容

Posted 2023-03-05

【中文标题】html5视频元素有啥bug吗？几个小时后它不会继续播放内容

【英文标题】：html5 video element has any bug? it does not keep playing the content after few hourshtml5视频元素有什么bug吗？几个小时后它不会继续播放内容

【发布时间】：2015-01-02 07:39:55

【问题描述】：

我需要 24/7 播放视频内容，它是一部闲置的电影，一直循环播放。 但是在PC没有任何活动的情况下播放了几个小时后，视频突然停止循环播放。它已在 Windows 8.1 64 位机器上使用最新版本的 Google chrome/Canary 进行了测试。

如下：

<video id="mediaplayer" 
       autoplay="autoplay"  
       poster="/images/blackscreen.jpg"  
       type="video/webm"
       loop="true"></video>

<script>
var video_idlea = 'http://localhost/loop.mp4';
function video_idle() 
  $('#mediaplayer').prop('loop', true);
  $('#mediaplayer').attr('src', video_idlea).show();
  mediaplay_video= document.getElementById('mediaplayer');
  mediaplay_video.play();  
  mediaplay_video.onended = function(e) 
    console.log('>>> Playing finished: ', e);
  ;


function video_play_any(input) 
  $('#mediaplayer').prop('loop', false);
  $('#mediaplayer').attr('src', input).show();
  mediaplay_video= document.getElementById('mediaplayer');
  mediaplay_video.play();  
  mediaplay_video.onended = function(e) 
    console.log('>>> Playing finished: ', e);
    video_idlea = 'http://localhost/idle.avi';
    video_idle();
  ;


video_play_any('http://localhost/loop.mp4');
</script>

我在这里有什么异常吗？它应该继续玩无限不是吗？还是我在这里做错了什么？请指教。

【问题讨论】：

内存泄漏以及在使用多媒体的浏览器应用程序中不常见的情况。当您的视频播放了一个小时左右时，请考虑在下一次循环时重新加载页面，看看是否能解决问题。

@Brad：我已经使用它 14 个小时了。我用处理器、内存使用和循环文件做了一个屏幕记录，我看到系统的 RAM 没有问题，CPU 有足够的空间。但播放14小时后仍然无法循环播放。一定是 Google Chrome/Canary 中的 BUG。如果有知识的人在错误跟踪器中报告这个问题会很好，因为它只发生在 Chrome/Canary 上，当我使用 VLC 或 Gstreamer 时它工作得很好。

@Brad：我暂时解决了这个问题，方法是将其删除到此：<video id="mediaplayer" autoplay="autoplay" poster="/images/blackscreen.jpg" type="video/webm" loop="false"></video>，在video_idle() 中，我在结束事件触发器上回忆了video_idle()。这一定是一个 BUG，请报告某人，我对 Chrome/Canary 的了解很少，因此有知识的人应该报告此问题以进行修复。非常感谢

【参考方案1】：

使用javascript代码 像这样

document.getElementById('mediaplayer').play();
 document.getElementById('mediaplayer').pause();
 document.getElementById('mediaplayer').currentTime = 0;

因为在 jquery 代码中视频标签元素不起作用，