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

我需要播放24/7的视频内容，其空闲电影继续循环播放。
但是在PC上没有任何 Activity 的情况下播放了几个小时后，视频突然停止循环播放。它已在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>

我在这里做任何异常吗？它应该一直玩无限吗？还是我在这里做错了什么？请指教。

最佳答案

使用JavaScript代码
像这样

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

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