我需要 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>
我在这里有什么异常吗?它应该继续无限播放,不是吗?或者我在这里做错了什么?请指教。
最佳答案
使用javascript代码 像这样
document.getElementById('mediaplayer').play();
document.getElementById('mediaplayer').pause();
document.getElementById('mediaplayer').currentTime = 0;
因为在 jquery 代码中 video 标签元素不起作用,
关于javascript - html5视频元素有什么bug?几个小时后它不会继续播放内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26768625/