www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/050/css/hq_video_bg.css
.bg_video_wrapper { position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:17; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .bg_video_wrapper.mobile_video_wrapper { top: 0px; height:100%; text-align:center; z-index:17!important } .bg_video_wrapper.mobile_video_wrapper iframe { margin:0 auto; z-index:17!important } .bg_video_wrapper iframe { position: absolute; left:0; top:0; display:block; } #bg_video_fadder { position:absolute; z-index:18; left:0; top:0; width:100%; height:100%; display:block; background:#000000; } #viemo_overlay { position:absolute; z-index:18; left:0; top:0; width:100%; height:100%; display:block; } .btn_repeat { z-index:16; position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; width:40px; height:40px; display:block; background:url(../img/btn_repeat.png) no-repeat; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transition: opacity 300ms; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; } .btn_repeat:hover { opacity: 0.6!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60)!important; } .smallDevice_video_wrapper { width:100%; height:100%; position:absolute; left:0; top:0; } .smallDevice_video_wrapper iframe { width:60px; height:50px; display:block; position:absolute; left:50%; top:50%; margin:-25px 0 0 -30px; opacity: 0!important; z-index:55; } .smallDevice_video_wrapper .play_btn { background:url(../img/btn_videoplay.png) no-repeat; width:60px; height:50px; display:block; position:absolute; left:50%; top:50%; margin:-25px 0 0 -30px; opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); z-index:50; }