Background Video Menggunakan Jquery Plugin

Background Video Menggunakan Jquery Plugin

Penggunaan Video sebagai background sedang menjadi trend , pernah kita bahas pada artikel http://www.babastudio.com/blog/trend-website-menggunakan-video-sebagai-background/. Kali ini kita akan membahas, bagaimana cara menambahkan Background Video dengan menggunakan Jquery Plugin . Ada 3 langkah yaitu :
  1. Download Code Jquery & Jquery Plugin untuk Video Background
  2. Siapkan Video pada folder website.
  3. Tambahkan Code Jquery & Jquery Plugin ke web page.
  1 . Download Code Jquery & Jquery Plugin                   extract file tersebut , pada folder file tersebut copy file “jquery.videoBG.js” pada folder js. 2 . Siapkan Video pada folder website.
  • Buat folder “asset” pada folder website.
  • Siapkan Video dengan format *.webm atau *.mp4  atau *.ogv (*.ogg) . sebaiknya siapkan ketiga-tiganya untuk menjaga jika browser pengunjung website tidak mendukung salah satu format video , karena rata-rata browser support *.ogg .
  •  Copy file video tersebut ke folder asset
  3 .  Tambahkan Code Jquery & Jquery Plugin
  •  Untuk menyisipkan library Jquery & Jquery Plugin (jquery.videoBG.js) , tambahkan Code berikut code_library
        pada tag addtohtml
  • Agar background dari web kita disisipkan video yang sudah disiapkan , dibawah code : code_library_no_exp tambahkan code: codejqback1
  dimana  : assets     Save file HTML tersebut , maka hasilnya adalah sebagai berikut : result                       Untuk mempelajarai code dan melihat hasilnya silahkan download di : http://www.babastudio.com/download/videobgjquerydemo.zip   Selamat mencoba.

NAMA PENERIMA KURSUS ONLINE & VOUCHER RP 3JT

  
  
Loading...



14 June 2014 ADMIN Bagikan di Twitter Bagikan di Facebook Bagikan di Google+
Previous Post Tips Untuk Menghilangkan Iklan Di Youtube Next Post RajaAmpatDoberai.com | Raja Ampat Resort