Use a video instead of a background image to create a cool web page. The background image is cool.
CSS code (css3 required)
Video {position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; min-height: 100%; min-width: 100%;-webkit-transform: translateX (-50%) translateY (-50%);-moz-transform: translateX (-50%) translateY (-50%);-ms-transform: translateX (-50%) translateY (-50%);-o-transform: translateX (-50%) translateY (-50%); transform: translateX (-50%) translateY (-50% );
Z-index:-1 ;}
HTML code (Html5 required)
1 <body> 2 <div> 3 <video autoplay loop poster = "polina.jpg"> 4 <source src = "video.mp4" type = "video/mp4"> 5 6 </video> 7 </div> 8 <div> 9 <div> Hello world </div> 10 </body>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
