首页 > Web开发 > 详细

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

时间:2015-05-04 13:22:59      阅读:183      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!