html5图像无缝,HTML5视频无缝循环

我知道这个问题已经被问了很多次了，并且我在StackOverflow上查看了这些问题中的每一个。HTML5视频无缝循环

我只是试图在HTML5播放器中循环播放5秒钟的MP4视频，并使其无缝。我已经尝试jwplayer和video.js，无论是在本地还是在网络空间上，都没有办法。我试过使用“结束”事件;我尝试了预加载/预缓冲;我试着聆听视频的最后一秒，然后寻求开始完全绕过停止/播放事件。我仍然总是看到抖动，并且我仍然总能看到加载图标(Firefox的最新版Chrome &)。

仅供参考，下面是我的一些最新作的Video.js代码：

width="640" height="480"

data-setup='{"controls": false, "autoplay": true, "loop": true, "preload": "auto"}'>

var myPlayer = videojs("loop_me");

videojs("loop_me").ready(function(){

this.on("timeupdate", function(){

var whereYouAt = myPlayer.currentTime();

if (whereYouAt > 4) {

myPlayer.currentTime(1);

}

});

});

有没有人设法成功地做到这一点？而且，如果是这样，请您提供完整的解决方案吗？我通常不会要求或想要这些，但我认为这次可能有必要。

+1

你可能将不得不如果你想避免在重新播放头暂停使用HTML5的'MediaSource'功能，您的视频流的视频元素不断流开始 - 看到http://updates.html5rocks.com/2011/11/Stream-video-using-the-MediaSource-API例如 –

+1

D'哦....有时明显的奇效....了' loop'属性：'' –

+2

的附属品如果你碰巧在你真正的代码中使用'poster'属性，尝试删除该视频开始播放后PTED答案是不是无缝的http://jsfiddle.net/blowsie/QQTqn/ –