如何將視頻添加爲滑塊背景？

我一直在用html5，css3，jquery進行設計。我試圖添加一個視頻作爲背景滑塊，像這樣http://uttaraitpark.com/Hdream-preview/hdream/index-4.html。我怎樣才能做到這一點？？如何將視頻添加爲滑塊背景？

來源

2017-09-26 Md Azizur Rahman

#video-background { 
 
    position: fixed; 
 
    right: 0; 
 
    bottom: 0; 
 
    min-width: 100%; 
 
    min-height: 100%; 
 
    width: auto; 
 
    height: auto; 
 
    z-index: -100; 
 
} 
 

 
h1 { 
 
    position: absolute; 
 
    top: 20%; 
 
    width: 100%; 
 
    font-size: 55px; 
 
    text-align: center; 
 
    color: white; 
 
}

<h1>Edit Here</h1> 
 

 

 
<video autoplay loop id="video-background" muted plays-inline> 
 
    <source src="https://player.vimeo.com/external/158148793.hd.mp4?s=8e8741dbee251d5c35a759718d4b0976fbf38b6f&profile_id=119&oauth2_token_id=57447761" type="video/mp4"> 
 
</video>

馬特·格羅斯創造了這個Design

來源

2017-09-26 18:50:47

取而代之的VIMEO鏈接，可以提供視頻的本地地址。 –

謝謝。我正在努力去做。 –

兄弟...你的html vimeo鏈接在這裏https://player.vimeo.com/external/158148793.hd.mp4?s=8e8741dbee251d5c35a759718d4b0976fbf38b6f&profile_id=119&oauth2_token_id=57447761如果我想在這裏展示youtube視頻，我該怎麼做？？ –

如何將視頻添加爲滑塊背景？

回答

相關問題