html在线缓存视频,javascript – 如何为HTML视频添加缓冲

给你的视频提供ID：

用于缓冲：

var vid = document.getElementById("myVideoOne");

alert("Start: " + vid.buffered.start(0)

+ " End: " + vid.buffered.end(0));

var vid = document.getElementById("myVideoTwo");

alert("Start: " + vid.buffered.start(0)

+ " End: " + vid.buffered.end(0));

要自动停止,您可以在videoPlay1和videoPlay2功能中使用它：

function videoPlay1() {

var video1 = document.getElementById("myVideoOne");

var video2 = document.getElementById("myVideotwo");

if (video1.paused) {

video1.play();

video2.pause();

} else {

video1.pause();

video2.pause();

}

}

function videoPlay2() {

var video1 = document.getElementById("myVideoOne");

var video2 = document.getElementById("myVideotwo");

if (video2.paused) {

video2.play();

video1.pause();

} else {

video1.pause();

video2.pause();

}

}

示例：要为myVideoOne设置加载器,您可以使用此jquery：

CSS：

video.loading {

background: black url(/yourGifImg.gif) center center no-repeat;

}

jQuery的：

$('#myVideoOne').on('loadstart', function (event) {

$(this).addClass('loading')

});

$('#myVideoOne').on('canplay', function (event) {

$(this).removeClass('loading')

});