Trend Website Menggunakan Video Sebagai Background

Trend Website Menggunakan Video Sebagai Background

Web yang menampilkan text dan image saja terkadang membuat website tersebut menjadi statis dan terkadang membosankan , tidak heran beberapa web developer mendevelop website dengan menggunakan video sebagai background . Menggunakan Video sebagai background ? Pake Flash lagi ? Oh tentu tidak , sejak ada teknologi HTML 5 & CSS 3 , website dapat menampilkan video tanpa menggunakan plugin seperti Flash Player .  html 5 & css 3  Memang kenapa pakai video sebagai background ? Karena jika website menggunakan video sebagai background, website tersebut kelihatan dinamis dan menarik Beberapa diantaranya adalah :http://www.paypal.compaypal                   http://mediaboom.com/mediaboom_com                     http://www.lifeofpimovie.com/lifepi                    Yang menjadi issue dari penggunaan video sebagai background adalah besar dari file video yang dijadikan background yang jika diload , jika oleh pengunjung website yang bandwidthnya kecil itu menjadi masalah. Tidak heran jika website yang menggunakan video sebagai background menggunakan video yang berukuran kecil , fps dari video tersebut hanya sedikit dan berulang-ulang , bahkan tidak ada sound pada video yang digunakan, untuk mengatasi masalah bandwith . Bagaimana bisa menggunakan video sebagai background ? Itu terjadi karena Tag pada HTML 5 , tentunya website-website yang menggunakan video sebagai background hanya dapat dinikmati oleh para pengunjung website yang browsernya support HTML 5 . Lalu bagaimana caranya tag menjadi background bahkan ada yang full screen ?   Jawabannya adalah karena CSS 3 , contoh , pada website :http://demosthenes.info/samples/polina.htmlpolina                      Caranya bagaimana bisa membuatanya seperti itu ? Mau tahu ? atau Mau tahu saja ? Hehehehe Begini caranya :   Dimana Website tersebut pada tag terdapat : -          -         
 polina_detail                                Dimana Tag seperti :video_detai                    Tag Video tersebut diberi code CSS3 seperti berikut :css_detail                      Hasilnya menjadi seperti yang lihat pada websitenya . Sebenarnya ada cara yang lebih mudah yaitu pakai bantuan Pemprograman Jquery dan tambahan Jquery plugin seperti pada :http://syddev.com/jquery.videoBG/syddev                   http://dfcb.github.io/BigVideo.js/bigvideo

IKUTI TRIAL KURSUS ONLINE. DAPATKAN KUPON DISKON 50%

IKUTI TRIAL KURSUS ONLINE. DAPATKAN KUPON DISKON 50%

NAMA PESERTA TEST & PENERIMA BEASISWA

  
  
Loading...



07 June 2014 ADMIN Bagikan di Twitter Bagikan di Facebook Bagikan di Google+ Bagikan di Google+

Artikel menarik lainnya



Previous Post Taman-anggrek-mall.com | Mall Di Jakarta Next Post Seperti Ini Cara Kerja Mesin Pencari Google!