Muhammad Hafid

Janganlah malas untuk berkarya, biarpun sederhana tetapi bermanfaat bagi orang lain. Kerjakan dengan penuh kesabaran dan keikhlasan

Fullscreen Auto Video in HTML5

Oke sebelumnya saya menshare mengenai autoplay video html5, sekarang bagaimana caranya agar fullscreen di tampilkannya. Hanya dengan menggunakan css seperti dibawah ini.
<style>
  video#bgvid {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(polina.jpg) no-repeat;
    background-size: cover;
}
</style>
 <video controls autoplay id="bgvid">
<source src="despicable_keJXgE0P.mp4" type="video/mp4">
</video>
Sekian.
Sumber : http://thenewcode.com/777/Create-Fullscreen-HTML5-Page-Background-Video
Labels: html

Thanks for reading Fullscreen Auto Video in HTML5 . Please share...!

0 Comment for "Fullscreen Auto Video in HTML5"

Terima kasih sudah berkunjung ke blog saya, semoga informasi nya bermanfaat buat anda.

Back To Top