博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于html5的video全屏作为背景的方法
阅读量:2180 次
发布时间:2019-05-01

本文共 456 字,大约阅读时间需要 1 分钟。

  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>  
你可能感兴趣的文章
Sklearn 快速入门
查看>>
了解 Sklearn 的数据集
查看>>
用ARIMA模型做需求预测
查看>>
推荐系统
查看>>
TensorFlow-11-策略网络
查看>>
浅谈 GBDT
查看>>
如何选择优化器 optimizer
查看>>
一文了解强化学习
查看>>
CART 分类与回归树
查看>>
seq2seq 的 keras 实现
查看>>
seq2seq 入门
查看>>
什么是 Dropout
查看>>
用 LSTM 做时间序列预测的一个小例子
查看>>
用 LSTM 来做一个分类小问题
查看>>
详解 LSTM
查看>>
按时间轴简述九大卷积神经网络
查看>>
详解循环神经网络(Recurrent Neural Network)
查看>>
为什么要用交叉验证
查看>>
用学习曲线 learning curve 来判别过拟合问题
查看>>
用验证曲线 validation curve 选择超参数
查看>>