Muhammad Hafid

Blog Belajar Python atau Django

Muhammad Hafid

Tugas kita itu adalah bukan untuk berhasil, tugas kita adalah untuk mencoba, karena di dalam mencoba itulah kita menemukan dan belajar membangun kesempatan untuk berhasil.

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"

Back To Top