雖然背景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與加載

回答

相關問題