將網站背景視頻切換爲圖像

Question

我的網站使用jQuery.mb.YTPlayer在首頁部分使用背景視頻，並在其頂部使用html。移動設備不會自動播放鏈接（並且從未如我所知）。由於該網站的其他部分HTML位於視頻的頂部，因此也無法按播放按鈕。

我希望該網站切換到替代方案。 （靜止圖像或可能更簡單的圖像序列）。 地址是http://kumquat.nl

謝謝。

Answer 1

使用框架（在你的情況jQuery插件）在網站後臺視頻是好的，但它確實是這樣這樣，我們僅限於，由框架的作者和任何除代碼必須測試提供了一些功能，不給任何不想要的結果

我希望你採取了從以下網站的jQuery.mb.YTPlayer插件 點擊here！

經過一番研究，我得到了這個可能回答你的問題的Github代碼點擊here！

不滿意！

那麼你可以試試這個的， 而是採用了jQuery插件 可以使用HTML5視頻標籤

<video autoplay loop poster="image url" id="bgvid"> 

     <source src="video url" type="video/mp4"> 

     <source src="video url" type='video/ogg; codecs="theora, vorbis"'> 
    </video> 

然後瞄準使用bgvid

<style type="text/css"> 

video#bgvid 
{ 

position: fixed; right: 0; bottom: 0; 
min-width: 100%; min-height: 100%; 
width: auto; height: auto; z-index: -100; 
background: url(image url) no-repeat; 
background-size: cover; 

} 

了它

圖像提供的圖像電子郵件地址將顯示直到視頻加載到桌面上，在移動設備上它將顯示圖像而不是視頻。

欲瞭解更多信息請點擊here！

查看示例點擊here！