public marks

LINK

CSS - the new code - FullScreen HTML5 Video In Pure CSS

by decembre & 1 other
To make the video fullscreen: video#bgvid { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(polina.jpg) no-repeat; background-size: cover; } Conclusion: “Background” video can be a very powerful feature on a site, but with great power comes great responsibility: please use such features judiciously.

Comments

No comment on this link yet.


PUBLIC TAGS
on this link

code   css   html5   tutoriel   video  

BY

decembre
the 17/03/2017 at 11:27

mixher
the 17/10/2016 at 12:10