我有一个带有动画剪辑的 mp4 视频,这样在循环播放时不会显示中断。当我要求 Chrome 中的 jPlayer 执行此操作时,它工作正常,但在 FireFox 中,它会在重新播放循环之前暂停大约 1/3 秒。
因此,当视频播放到最后 1/2 秒时,我尝试让视频重新播放。我在视频的末尾添加了一个 1/2 秒,与前 1/2 秒匹配,当 jPlayer timeUpdate 事件确定我们在最后 1/2 秒的哪个位置时,它将调用 play 并匹配一个匹配的开始时间它与它在 (0 + (0.5 - timeLeft)) 的位置一致。再一次,Chrome 做得很好,虽然匹配得更好一点,但 Firefox 未能呈现完美的循环。
这是当前网络浏览器状态的神话,还是我错过了什么?
function buildJPlayerMotions(video_name) {
return function readyVideo() {
$(this).jPlayer("setMedia", {
m4v: "/assets/videos/" + video_name +".mp4",
});
};
}
function loadMotionsJplayer(id) {
$('#' + id).jPlayer({
ready: buildJPlayerMotions(id),
swfPath: "/assets",
supplied: "m4v",
backgroundColor: "#FFFFFF",
size: { width: '728px',
height: '402px'},
timeupdate: function(){
var currTime = $('#' + id).data().jPlayer.status.currentTime;
var movieLength = $('#' + id).data().jPlayer.status.duration;
var timeRemaining = movieLength - currTime;
if (timeRemaining < 0.5) {
$('#' + id).jPlayer("pause");
$('#' + id).jPlayer("play", 0 + (0.5 - timeRemaining));
}
}
});
}