虽然背景div与视频完成加载，显示整个div与加载

我有一个div背景视频whos大小约为6mb。我想显示整个页面，直到视频完成加载。虽然背景div与视频完成加载，显示整个div与加载

我见过很多网站，尤其是电影（最近的）他们有背景视频的网站，并且在他们展示页面之前，就像一个加载屏幕。

我该如何做到这一点？我一直在寻找，但到目前为止，没有运气。如果可以这样称呼这种技术，是否有特定的名称？

2014-09-25 codeninja

你是如何加载视频..你正在使用最新的html5视频标签？ – 2014-09-25 13:43:03

是的，我正在使用html5''标签。 – codeninja 2014-09-25 13:44:37

您可以使用jQuery实现这个类似如下：

$(window).load(function() { 
    $('PUT_ID_OF_VIDEO_CONTAINER_HERE').hide(); 
    });

来源

2014-09-25 13:36:47

我如何知道视频已加载并重新显示？ – codeninja 2014-09-25 13:37:38

你有没有试过这段代码？不管用？ – 2014-09-25 13:42:42

我会）建议使用jQuery的负载（回调这样如果你使用的是库>>>

<div id=videoHolder></div> 
<div id=loadrHolder></div> 
<script> 
$(document).ready(function() { 
$('#videoHolder').hide(); 
$('#videoHolder').load("myVideo.mp4", function() { 
    $('#videoHolder').show(); 
    $('#loadrHolder').hide(); 
}); 
}); 
</script

来源

2014-09-25 13:45:03 Pellmellism

这会使页面无限循环，直到崩溃。 – codeninja 2014-09-25 13:56:03

像jquery.videoBG（http://syddev.com/jquery.videoBG/）来显示视频，我认为你可以修改代码来显示你的页面何时加载视频。

HTML：

<body> 
    <div id="dvLoading">Loading...</div> 
    <div id="dvContent" style="display:none"></div> 
</body>

的Javascript库：

$video.bind('canplaythrough',function() { 
    $('#dvLoading').hide(); 
    $('#dvContent').show(); 
});

你可以找到视频元素这里的事件列表：http://www.w3schools.com/tags/ref_av_dom.asp

来源

2014-09-25 14:12:33

虽然背景div与视频完成加载，显示整个div与加载

回答

相关问题