Saat ini sudah banyak website atau blog yang menggunakan video sebagai Background, yang tujuannya tentu saja untuk memperindah tampilan web atau halaman blog tersebut. Konsep menggunakan video sebagai latar belakang (background) seperti ini akan membuat tampilan website / blog akan semakin dinamis dan tentunya tidak bosan untuk dilihat oleh pengunjung blog anda.
Tutorial sekaligus tips dan trik unik yang menarik kali ini yaitu trik menggunakan video sebagai background di blog atau website. Trik menggunakan video bisa langsung menggunakan format mp4/mov yang di hosting secara gratis, video youtube, video dailymotion dan video hosting lainnya sebagai background khusus untuk browser yang sudah support HTML5 dan CSS3 dan juga Javascript Enable.
Perlu diingat juga sobat blogger khusus untuk penggunaan video sebagai background halaman web / blog diusahakan jangan sampai memasang video yang berdurasi lama atau file video berukuran besar karena dikhawatirkan akan membuat lambat loading blog anda apalagi bila pengunjung blog menggunakan jaringan internet yang masih lambat, maka semakin kesal pengunjung blog anda karena terlalu lama menunggu loading blog selesai...
Sebagai contoh dari pemasangan video sebagai background halaman seperti yang terlihat pada artikel ini. Jika tidak terlihat berarti jaringan internet sobat agak lambat atau browser yang sobat gunakan belum support untuk video playback.
Tutorial sekaligus tips dan trik unik yang menarik kali ini yaitu trik menggunakan video sebagai background di blog atau website. Trik menggunakan video bisa langsung menggunakan format mp4/mov yang di hosting secara gratis, video youtube, video dailymotion dan video hosting lainnya sebagai background khusus untuk browser yang sudah support HTML5 dan CSS3 dan juga Javascript Enable.
Perlu diingat juga sobat blogger khusus untuk penggunaan video sebagai background halaman web / blog diusahakan jangan sampai memasang video yang berdurasi lama atau file video berukuran besar karena dikhawatirkan akan membuat lambat loading blog anda apalagi bila pengunjung blog menggunakan jaringan internet yang masih lambat, maka semakin kesal pengunjung blog anda karena terlalu lama menunggu loading blog selesai...
Sebagai contoh dari pemasangan video sebagai background halaman seperti yang terlihat pada artikel ini. Jika tidak terlihat berarti jaringan internet sobat agak lambat atau browser yang sobat gunakan belum support untuk video playback.
Informasi Singkat
Spesifikasi HTML5 tidak menentukan browser format video dan audio mana yang harus didukung. Pembuat browser bebas untuk mendukung format video apa pun yang mereka rasa sesuai, tetapi penulis konten tidak dapat berasumsi bahwa video apa pun akan dapat diakses oleh semua browser pengguna , karena browser pengguna tidak memiliki set minimal format video dan audio untuk didukung.
Kelompok Kerja HTML5 menganggap perlu menentukan setidaknya satu format video yang harus didukung oleh semua browser. Format ideal dalam hal ini adalah:
Awalnya, Ogg Theora adalah format video standar yang direkomendasikan dalam HTML5, karena tidak terpengaruh oleh paten yang dikenal. Tetapi pada 10 Desember 2007, spesifikasi HTML5 telah diperbarui, menggantikan referensi ke format yang lebih familiar seperti (mp4, mov & webm) namun setiap browser disarankan harus mendukung format video Theora dan audio Vorbis, serta format wadah Ogg.
Sumber : Wikipedia
Spesifikasi HTML5 tidak menentukan browser format video dan audio mana yang harus didukung. Pembuat browser bebas untuk mendukung format video apa pun yang mereka rasa sesuai, tetapi penulis konten tidak dapat berasumsi bahwa video apa pun akan dapat diakses oleh semua browser pengguna , karena browser pengguna tidak memiliki set minimal format video dan audio untuk didukung.
Kelompok Kerja HTML5 menganggap perlu menentukan setidaknya satu format video yang harus didukung oleh semua browser. Format ideal dalam hal ini adalah:
- Memiliki kompresi yang baik, kualitas gambar yang baik, dan penggunaan prosesor decode rendah.
- Bebas royalti.
- Selain decoder perangkat lunak, decoder video perangkat keras harus ada untuk format, karena banyak prosesor tertanam tidak memiliki kinerja untuk memecahkan kode video.
Awalnya, Ogg Theora adalah format video standar yang direkomendasikan dalam HTML5, karena tidak terpengaruh oleh paten yang dikenal. Tetapi pada 10 Desember 2007, spesifikasi HTML5 telah diperbarui, menggantikan referensi ke format yang lebih familiar seperti (mp4, mov & webm) namun setiap browser disarankan harus mendukung format video Theora dan audio Vorbis, serta format wadah Ogg.
Sumber : Wikipedia
DAFTAR ISI
- Background Video Script Generator
- Situs Layanan Video dan Hosting Video
- Cara Pemasangan BackGround Video Pada Blogger
#1 Background Video Script Generator
Bagi anda yang sudah memiliki URL video yang akan digunakan sebagai background untuk halaman web atau blog silakan gunakan Background Video Script Generator di bawah ini. Masukan URL video kemudian tekan tombol Preview untuk memunculkan kode HTML kemudian Copy - Paste kode tersebut dan taruh di dalam kode template website / blog.
Pada tombol Add to Blogger merupakan tombol yang akan menaruh kode HTML yang dihasilkan langsung ke dalam kotak gadget blogger sehingga akan mempermudah proses pemasangan kode HTML background video ini bagi pengguna blogger.
Pada tombol Add to Blogger merupakan tombol yang akan menaruh kode HTML yang dihasilkan langsung ke dalam kotak gadget blogger sehingga akan mempermudah proses pemasangan kode HTML background video ini bagi pengguna blogger.
| Video URL | |||
| Host Video | Video | Share Video | iFrame |
| AutoPlay | Muted | ||
| AutoLoop | Border | ||
| Set Background | Fullscreen | ||
| Video Size | |||
| Width | Height | ||
PREVIEW | |||
HTML CODE | |||
#2 Situs Layanan Video dan Hosting Video
Penggunaan Video Sebagai Background Blog dapat menggunakan video sendiri dengan format umum yang didukung browser atau bisa juga menggunakan video yang berasal dari pihak ketiga seperti youtube, dailymotion, facebook, yahoo dan lain sebagainya. Sebagai kelengkapan informasi saya berikan daftar beberapa situs besar yang menyediakan hosting video, template video dan sosial media video yang menyediakan fitur embed video.
Sosial Media Video Hosting
Penggunaan video dari situs jejaring sosial seperti youtube, facebook dan lainnya menggunakan pengaturan iFrame embed untuk memutar (playback) video. Keunggulan menggunakan video host dari situs jejaring sosial, yaitu unlimited bandwidth, bebas digunakan dan dapat diputar kapan saja. Gunakan opsi iFrame pada Background Video Script Generator apabila anda menggunakan host video dari situs jejaring sosial.
Free Video Template Sites
Penggunaan template video langsung dari server mereka juga bisa anda gunakan sebagai background video untuk halaman web / blog anda. Gunakan opsi video pada Background Video Script Generator apabila anda menggunakan host video dari server tersebut.
Free Video File Hosting
Penggunaan video sendiri menggunakan hosting video sharing file bisa anda gunakan sebagai background video untuk halaman web / blog anda. Gunakan opsi video pada Background Video Script Generator apabila anda menggunakan host video dari server tersebut. Pastikan URL yang anda gunakan merupakan URL Direct Link Download. Apabila anda menggunakan Google GDrive silakan gunakan MIFET untuk mengkonversi link sharing menjadi direct link download.
Kekurangan menggunakan server file sharing gratisan adalah keterbatasan penggunaan bandwidth, jadi jika batas kuota bandwidth sudah habis maka video anda yang di host pada server file sharing tersebut tidak akan bisa diputar sampai batas waktu yang ditentukan oleh file sharing server tersebut. Saran saya gunakan server situs video jejaring sosial atau situs penyedia template video.
Gunakan opsi video pada Background Video Script Generator apabila anda menggunakan host video dari server file sharing tersebut.
Penggunaan video dari situs jejaring sosial seperti youtube, facebook dan lainnya menggunakan pengaturan iFrame embed untuk memutar (playback) video. Keunggulan menggunakan video host dari situs jejaring sosial, yaitu unlimited bandwidth, bebas digunakan dan dapat diputar kapan saja. Gunakan opsi iFrame pada Background Video Script Generator apabila anda menggunakan host video dari situs jejaring sosial.
| Youtube | Dailymotion | Metacafe | |
| Metacafe | 9gag Video | D Tube | Bit Chute |
| Live Leak | VEOH | Archive Org | THE VLOG |
Penggunaan template video langsung dari server mereka juga bisa anda gunakan sebagai background video untuk halaman web / blog anda. Gunakan opsi video pada Background Video Script Generator apabila anda menggunakan host video dari server tersebut.
| Videezy | Videvo | Videoblocks | Free-video-footage |
Penggunaan video sendiri menggunakan hosting video sharing file bisa anda gunakan sebagai background video untuk halaman web / blog anda. Gunakan opsi video pada Background Video Script Generator apabila anda menggunakan host video dari server tersebut. Pastikan URL yang anda gunakan merupakan URL Direct Link Download. Apabila anda menggunakan Google GDrive silakan gunakan MIFET untuk mengkonversi link sharing menjadi direct link download.
Kekurangan menggunakan server file sharing gratisan adalah keterbatasan penggunaan bandwidth, jadi jika batas kuota bandwidth sudah habis maka video anda yang di host pada server file sharing tersebut tidak akan bisa diputar sampai batas waktu yang ditentukan oleh file sharing server tersebut. Saran saya gunakan server situs video jejaring sosial atau situs penyedia template video.
Gunakan opsi video pada Background Video Script Generator apabila anda menggunakan host video dari server file sharing tersebut.
| Google Drive | OneDrive | DropBox | Streamable |
#3 Cara Pemasangan BackGround Video Pada Blogger
Pemasangan kode HTML untuk Membuat Video Sebagai Background Blog bisa anda pasang di dalam kode template blog atau bisa juga pada kotak widget blog. Bagi pengguna blogger (blogspot) bisa menggunakan tombol Add to Blogger pada Background Video Script Generator untuk mempercepat dan mempermudah proses pemasangan kode HTML tersebut.
Cara manual memasang kode HTML di dalam kode template blog bagi yang belum tahu cara pemasangannya bisa dilihat pada tutorial di bawah ini.
Cara manual memasang kode HTML di dalam kode template blog bagi yang belum tahu cara pemasangannya bisa dilihat pada tutorial di bawah ini.
PERINGATAN
Perhatian ! sebelum melakukan perubahan pada kode HTML template blog, sebaiknya Anda melakukan backup kode HTML template blog terlebih dahulu, dikarenakan untuk menghindari hal-hal yang tidak diinginkan. Apabila terjadi kesalahan prosedur dalam melakukan perubahan kode HTML template blog, maka Anda dapat melakukan proses perbaikan dengan cepat dan mudah.
- Silakan login dahulu ke blog Anda.
- Klik tombol Tema untuk masuk ke tema editor.
- Klik tombol Edit Tema untuk menampilkan kode HTML Template Blog.
- Geser scrollbar ke posisi paling bawah.
- Letakan kode yang akan dipasang bisa di atas atau bisa juga tepat diatas kode
.
Tekan tombol Save dan coba lihat hasilnya.
Demikian artikel blog tentang Cara Singkat Membuat Video Sebagai Background Blog apabila ada pertanyaan, kritik ataupun saran silakan ditulis pada kotak komentar di bawah. Apabila ada kata-kata yang kurang berkenan atau informasi yang kurang akurat, harap dimaklumi. Akhir kata Semoga Bermanfaat.
Keyword
blog, blogger, blogspot, cara, tutorial, pasang, memasang, video, youtube, dailymotion, metacafe, gdrive, background, latarbelakang, vidio, vedio, vid, stream, fullscreen, layar, penuh, hosting, sosial, media, mp4, mov, webm, ogg, embed, iframe, online
Incoming Search Term
Cara Pasang Video Youtube sebagai Background Halaman Web atau Blog, Video MP4 sebagai latarbelakang (background) website atau blog, Pasang video streaming untuk background blog, cara membuat video untuk halaman situs web dan blog, Vidio sendiri untuk gambar latar halaman website atau blogger, cara bikin latarbelakang (background) video untuk halaman blog
