zoukankan      html  css  js  c++  java
  • HTML5将<video>视频设置为页面动态背景

    <!DOCTYPE html>
    <html>
    <head>
    <title>Operation Aborted Example</title>
    <style>
    body{
    margin: 0;
    }
    #video{
    position:fixed;
    right: 0;
    bottom: 0;
    min- 100%;
    min-height: 100%;
    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>
  • 相关阅读:
    文件
    drf序列化组件
    drf入门规范
    单例模式
    初识drf
    restful规范
    虚拟环境使用
    vue基础(三)
    vue基础(二)
    作业
  • 原文地址:https://www.cnblogs.com/MrZWJ/p/10034573.html
Copyright © 2011-2022 走看看