关于html5的video全屏作为背景的方法

  1.  <style type="text/css">  
  2.         *{  
  3.             margin: 0px;  
  4.             padding: 0px;  
  5.         }  
  6.         video{  
  7.             position: fixed;  
  8.             right: 0px;  
  9.             bottom: 0px;  
  10.             min-width: 100%;  
  11.             min-height: 100%;  
  12.             height: auto;  
  13.             width: auto;  
  14.             /*加滤镜*/  
  15.             /*-webkit-filter: grayscale(100%);*/  
  16.             /*filter:grayscale(100%);*/  
  17.         }  
  18.         source{  
  19.             min-width: 100%;  
  20.             min-height: 100%;  
  21.             height: auto;  
  22.             width: auto;  
  23.         }  
  24.     style>  
  25. head>  
  26. <body>  
  27. //资源格式自己进行添加  
  28.  <video autoplay="autoplay" loop="loop">  
  29.     <source  src="video/ting.mp4" type="video/mp4" >;  
  30. video>  
  31. body>  
关于html5的video全屏作为背景的方法_第1张图片

你可能感兴趣的:(h5)