javascript - html5视频元素有什么bug?几个小时后它不会继续播放内容

标签 javascript jquery html google-chrome video

我需要 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/

相关文章:

javascript - 更改 Button 元素的类以显示/隐藏它

javascript - YUI 3 : How to get native DOM element wrapped inside Node?

javascript - 在 jQuery 中选择 DOM 元素 - 动态添加

javascript - 限制 HighCharts 中的数据点数量

css - 如何直接更改链接行为?

jQuery 隐藏列表

javascript - 将 Ajax 页面保存到磁盘时出现差异

javascript - Phonegap - iOS - 谷歌地图 "Sorry no imagery here"

javascript - 提交后HTML显示php代码

javascript - 如何使所有 <a> 具有相同的目标 ="_self"