HTML5视频，如何检测视频是完全缓冲的？-Java 学习之路

我必须在播放之前完全缓冲html5视频 .

但我找不到通用的解决方案 .

我将视频设置为preload = 'auto';
我创建了一个setInterval，其中一个函数每隔200毫秒查看video.buffered.end（0）属性，并将其与视频持续时间进行比较 .

在Chrome和Firefox上，video.buffered.end（0）在一段时间后达到视频持续时间=>确定！在IE9上，video.buffered.end（0）达到/ - 85％的视频持续时间并停止前进 . 但网络表明视频已满载 .

我尝试使用video.seekable.end（0），但它直接设置为视频持续时间 .

那么，在IE9（和其他浏览器）中如何检测html5视频是完全缓冲的？

谢谢大家！

1 回答

<!DOCTYPE html>
<html>
<head>
<title>Preload video via AJAX</title>
</head>
<body>
<script>
console.log("Downloading video...hellip;Please wait...")
var xhr = new XMLHttpRequest();
xhr.open('GET', 'BigBuck.m4v', true);
xhr.responseType = 'blob';
xhr.onload = function(e) {
  if (this.status == 200) {
    console.log("got it");
    var myBlob = this.response;
    var vid = (window.webkitURL ? webkitURL : URL).createObjectURL(myBlob);
    // myBlob is now the blob that the object URL pointed to.
    var video = document.getElementById("video");
    console.log("Loading video into element");
    video.src = vid;
    // not needed if autoplay is set for the video element
    // video.play()
   }
  }

xhr.send();
</script>

<video id="video" controls autoplay></video>

</body>
</html>

更多参考资料在这里Force Chrome to fully buffer mp4 video .

回复于 2024-04-29T10:14:43+08:00

HTML5视频，如何检测视频是完全缓冲的？

1 回答

相关问题