码迷,mamicode.com
首页 > Web开发 > 详细

使用视频作为网页背景的技术探讨

时间:2015-05-04 13:23:39      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:

<video autoplay loop poster="polina.jpg" id="bgvid">

<source src="polina.webm" type="video/webm">

<source src="polina.mp4" type="video/mp4">

</video>

================

video#bgvid {

position: fixed; right: 0; bottom: 0;

min-width: 100%; min-height: 100%;

width: auto; height: auto; z-index: -100;

background: url(polina.jpg) no-repeat;

background-size: cover;

---------------

<!--[if lt IE 9]>

<script>

document.createElement(‘video‘);

</script>

<![endif]-->

-----------

video { display: block; }

==============

http://www.webhek.com/video-background/

使用视频作为网页背景的技术探讨

标签:

原文地址:http://www.cnblogs.com/qinqiu/p/4475893.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!