如何使用視頻作爲CSS

文本背景是否有使用視頻作爲css文字背景的方法嗎？我知道你可以使用如何使用視頻作爲CSS

-webkit-background-clip: text; 
-webkit-text-fill-color: transparent;

使用圖片和GIF，但GIF的只是質量太低。

編輯：我想要的字母爲視頻，很抱歉，如果我都表示自己錯了。

來源

2015-10-06 HenryMaxxx

請仔細閱讀後面的[**如何問**]（HTTP：//計算器.COM /幫助/如何對問）堆棧溢出的問題，什麼類型的問題[**都可以問**]（http://stackoverflow.com/help/on-topic）什麼類型[**應該避免。**]（http://stackoverflow.com/help/dont-ask） –

你會將背景背後的背景或文字的字母視爲視頻？ – Wavemaster

我想要的字母爲視頻，很抱歉，如果我都表示自己錯了 – HenryMaxxx

爲此，您可以用

#one { 
 
    position: absolute; 
 
    min-height:100%; 
 
    width:100%; 
 
    z-index: -1; 
 
} 
 
div { 
 
    position:relative; 
 
}

<div> 
 
    <video id="one" autoplay poster="image.png"> 
 
     <source src="http://video.webmfiles.org/big-buck-bunny_trailer.webm" type="video/webm"> 
 
    </video> 
 
    <h1>Bunny is funny</h1> 
 

 
    <p>Hello i love bunny and its not funny</p> 
 
</div>

z-index將使其成爲所有元素

來源

2015-10-06 11:50:56

如何使用視頻作爲CSS

回答

相關問題