如何在網站上播放視頻作爲背景而不中斷？

但它不能順利加載。

任何人都可以幫助我解決這個問題嗎？

這是我使用的代碼。

<video id="bgVideo" preload="true" autoplay loop muted poster="images/loading-landing.jpg" > 
    <source src="videos/Main-Page.mp4" type="video/mp4" > 
</video>

來源

2015-11-13 anuruddhika

用於顯示在您的網站的視頻小費它創造了很多交通，並會使渲染速度緩慢..通常有些人會使用iframe或者youtube爲你提供了一個從iframe這樣的網站嵌入視頻的功能，它有助於渲染。你可以檢查你的情況下的設置，以顯示它在後臺隱藏暫停/播放等功能。 –

你可以試試這個也..

HTML

<div class="Video-bg"> 
    <video loop muted autoplay poster="img/videoframe.jpg" class="fullscreen-bg__video"> 
     <source src="video/big_buck_bunny.mp4" type="video/mp4"> 
    </video> 
</div>

CSS

.Video-bg { 
    position: fixed; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    overflow: hidden; 
    z-index: -100; 
} 

.Video-bg__video { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

來源

2015-11-13 11:23:36

如何在網站上播放視頻作爲背景而不中斷？

回答

相關問題