2012-01-15 128 views
14

是否可以预加载html视频?注意:标签是稍后动态创建的。html5视频预加载

目前我可以通过创建一个隐藏的div,并把所有的图像在这里与图像做到这一点。然后当我创建需求后,图像不需要重新加载。

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

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

+0

什么'preload =“auto”'属性? – dfsq 2012-01-16 13:06:12

+0

你可能想看看这里:http://stackoverflow.com/questions/476679/preloading-images-with-jquery – 2012-04-22 03:10:58

+0

Brett,这是关于视频,而不是图像。 – 2013-05-30 16:49:03

回答

3

尝试了这一点:

<!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 & JW Player Preload

Njoy !!!

0

我在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; 
}