ADD Above ]]></b:skin>
video#bgvid {
position: fixed;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
background: url(http://semalt.com/video/semalt.jpg) no-repeat;
background-size: cover;
}
video#bgvid { transition: 1s opacity; }
.stopfade { opacity: .5; }
ADD Below <body>
<video autoplay loop poster="http://semalt.com/video/semalt.jpg" id="bgvid">
<source src="http://semalt.com/video/semalt-v.mp4" type="video/mp4; codecs='H.264'">
<source src="http://semalt.com/video/semalt-v.webm" type="video/webm">
</video>
DEMO : Look Background this Pages
video#bgvid {
position: fixed;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
background: url(http://semalt.com/video/semalt.jpg) no-repeat;
background-size: cover;
}
video#bgvid { transition: 1s opacity; }
.stopfade { opacity: .5; }
ADD Below <body>
<video autoplay loop poster="http://semalt.com/video/semalt.jpg" id="bgvid">
<source src="http://semalt.com/video/semalt-v.mp4" type="video/mp4; codecs='H.264'">
<source src="http://semalt.com/video/semalt-v.webm" type="video/webm">
</video>
DEMO : Look Background this Pages
No comments:
Post a Comment