如何在HTML5視頻加載完成後讓文字消失？

標題幾乎說明了一切。我試圖讓一些文字說「視頻加載」和HTML5視頻上75％的不透明背景，一旦它完全加載，我希望文本和背景消失。我怎樣才能做到這一點？如何在HTML5視頻加載完成後讓文字消失？

感謝您的時間和精力！我試圖做的頁面是jeffarries.com/videos。如果需要可以提供代碼。

DUP的鏈接是一個後試圖讓HTML5視頻的時間，我想有JavaScript的改變CSS屬性，當HTML5視頻是完全完成加載到瀏覽器中。

2016-02-29 Emmet Arries

當然，有很多很多示例顯示如何顯示HTML5視頻的加載進度指示器。你有什麼嘗試，你掛了什麼？ – Quantastical

重複的http://stackoverflow.com/questions/13864795/wait-until-an-html5-video-loads –

@Quantastical我是JavaScript的新手，不知道標記，並希望完成/近完成的解決方案。 –

最後我用這段JavaScript代碼通過改變CSS display: block;到display: none;隱藏我的ID爲「video_cover」 HTML元素時，HTML5視頻元素「爲myVideo」火災canplaythrough：

<script> 
 
var vid = document.getElementById("myVideo"); 
 
vid.oncanplaythrough = function() { 
 
    var e = document.getElementById("video_cover"); 
 
     e.style.display = 'none' 
 
}; 
 
</script>

資源： W3Schools canplaythrough JavaScript事件。

對不起，如果我的JavaScript術語不好，我只是在學習它！

再次感謝@Quantastical和@Offbeatmammal對您的所有幫助！

來源

2016-03-01 19:32:23

如何在HTML5視頻加載完成後讓文字消失？

回答

相關問題