如何使用视频作为CSS

问题描述：

文本背景是否有使用视频作为css文字背景的方法吗？我知道你可以使用如何使用视频作为CSS

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

使用图片和GIF，但GIF的只是质量太低。

编辑：我想要的字母为视频，很抱歉，如果我都表示自己错了。

请仔细阅读后面的[**如何问**]（HTTP：//计算器.COM /帮助/如何对问）堆栈溢出的问题，什么类型的问题[**都可以问**]（http://*.com/help/on-topic）什么类型[**应该避免。**]（http://*.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将使其成为所有元素

如何使用视频作为CSS

相关推荐