HTML5将<video>视频设置为页面动态背景

最新推荐文章于 2023-06-29 21:42:56 发布

diaoting2815

最新推荐文章于 2023-06-29 21:42:56 发布

阅读量2.6k

点赞数 1

原文链接：http://www.cnblogs.com/MrZWJ/p/10034573.html

版权

<!DOCTYPE html>
<html>
<head>
   <title>Operation Aborted Example</title>
    <style>
        body{
            margin: 0;
        }
        #video{
            position:fixed;
            right: 0;
            bottom: 0;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            z-index: -1;
            -webkit-filter:grayscale(100%);
        }
    </style>
</head>
<body>

<div id="div">
    <video id="video" muted src="VID.mp4" autoplay loop>您的浏览器不支持\&lt; video&gt;元素</video>
</div>

<<script>
    var video= document.getElementById('video');
    video.playbackRate = 0.5;
</script>

</body>
</html>