Question

是否可以预加载html视频？注意：标签将在以后动态创建。

目前，我可以通过创建隐藏的div并将所有图像放在那里来对图像执行此操作。然后，当我稍后创建需要时，不需要重新加载图像。

使用视频标记完成此操作后，浏览器仍会在创建元素时从头开始加载视频。

我看到了这个：https://github.com/jussi-kalliokoski/html5Preloader.js，但它似乎不适用于视频。任何想法将不胜感激！

Answer 1

试试这个：

<!DOCTYPE html>
<html>
<body>

<video width="320" height="240" controls="controls" **preload="auto"**>
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.webM" type="video/webM" />
  Your browser does not support the video tag.
</video>

</body>
</html>

注意：这不适用于IE;），为此您可以使用某些播放器（只需包含.js）。对于IE使用JW Player＆amp; JW Player Preload

恩乔伊!!!

Answer 2

我在IE中遇到过类似的问题，有些视频是显示的：无，当我显示它们时，IE没有显示第一帧......

我使用以下代码来解决它，当我显示隐藏的视频时，我称之为preloadAllVisible（）

var preloadAllVisible = function() {
    $("video:visible").each(preload);
}
var preload = function(key, vid) {
    vid.play(); 
    setTimeout("pausevid("+key+")",100);
}

var pausevid = function(key) {
    vid =$("video:visible")[key];
    vid.pause();
    vid.currentTime = 0;
}

html5视频预载

2 个答案: