html5视频元素有任何错误?它不会在几个小时后继续播放内容

html5 video element has any bug? it does not keep playing the content after few hours

本文关键字:几个 小时 播放 继续 任何 元素 视频 错误 html5      更新时间:2023-09-26

我需要全天候播放视频内容,这是一个空闲的电影,一直循环播放。但在播放了几个小时后,当电脑中没有任何活动时,视频突然停止循环播放。它在谷歌chrome/Canary上进行了测试,最新版本可在Windows 8.1 64位机器上使用。

如下:

<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>

我在这里做什么不正常的事吗?它应该无限发挥,不是吗?还是我在这里做错了什么?请告知。

使用javascript代码像这个

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

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