Petik.net - Untuk memasang video youtube pada halaman blog bergotong-royong sangatlah gampang, namun jika tidak tau caranya maka bisa berpengaruh terhadap kecepatan loading halaman blog, loading halaman blog akan menjadi berat ketika diakses, dikarenakan dikala halaman terbuka video pribadi melakukan download secara otomatis, yang kedua yaitu video yang terpasang di halaman blog tidak responsive, artinya, dikala halaman blog di akses melalui perangkat mobile, ukuran video tidak dapat menyesuaikan dengan lebar halaman, ini tentu akan menjadi masalah.
Oleh karena itu yang harus diperhatikan ketika memasang video di halaman blog ialah bagaimana caranya biar video mampu tampil responsive dan tidak mempengaruhi loading halaman yang semakin berat, halaman blog harus mempu hanya menampilkan tubnailnya saja, video gres mengunduh file yang dibutukan dikala video tersebut dijalankan untuk ditonton.
Memang ada banyak sekali blog-blog yang membahas mengenai bagaimana cara memasang youtube video pada halaman blog, namun yang terbaik yakni bagaimana cara memasang youtube video pada blog supaya mampu tampil responsive dan tidak memperlambat loading halaman blog.
Di artikel kali ini saya akan jelaskan bagaimana cara memasang youtube video di halaman blog berflatform blogspot dengan ukuran responsive dan tidak menghipnotis loading halaman blog.
Ternyata Video youtube mampu dipasang pada halaman blog tanpa memberatkan halaman dan Responsive
Google sendiri bekerjsama menyediakan cara terbaik untuk memasang video pada halaman blog, sehingga dikala video terpasang, yang tampil pertama kali hanyalah tubnail videonya saja yang kapasitasnya mungkin hanya sebesar 15 kb saja, video baru mengunduh saat pengunjung mengklik untuk menjalankan video tersebut.
Cara ini ialah cara yang sangat simpel dan baik alasannya tidak akan terlalu membebani halaman blog dan halaman blog akan tetap ringan ketika diakses.
Cara Memasang video youtube pada blog
ada 2 cara yang akan aku uraikan di artikel kali ini bagaimana cara menyematkan video pada halaman blog, sebagai berikut:
1. Memasang video dengan kode IFrame.
Untuk memasang video youtube pada blog biasanya menggunakan cara standar yang sudah sering dipakai, cara ini intinya memakai script khusus tapi memakai isyarat iframe yang mampu kita atur ukuran lebar dan tingginya, kode di bawah ini ialah isyarat IFrame untuk menyematkan video pada blog.
Untuk membuatnya cukup sederhana pada editor blog, silahkan beralih ke mode HTML dan kopi aba-aba diatas sempurna di bagian dimana video akan ditampilkan, lalu ganti VIDEO_ID dengan video id yang akan ditampilkan.
Sayangnya arahan di atas mempunyai banyak kelemahan, itu dikarenakan video di atas menggunakan iframe, sehingga selain buruk dimata seo video yang dipasang tidak akan responsive dan dapat menjadikan bertambahnya ukuran halaman blog, tentu kurang baik sebab semakin besar kapasitas halaman maka mampu mempengaruhi loading halaman blog menjadi lebih berat.
2. Memasang Video tanpa IFrame (Disarankan)
Alternatif kedua yakni alternatif yang sangat direkomendasikan untuk anda gunakan, cara in menggunakan isyarat HTML tanpa IFrameyang dimanipulasi dengan javascript dan kode css. Untuk setiap video yang ditambahkan cukup menggunakan isyarat seperti di bawah ini:
Jika video yang ingin dipasang di halaman blog lebih dari satu instruksi tersebut bias ditambahkan lebih dari satu sesuai dengan video yang ingin dipasang.
Cara memasang video tanpa iframe adalah sebagai berikut:
a. Masuk ke blog anda, kemudian di bilah menu sisi kiri pilih menu tempate > edit HTML
b. Cari aba-aba
c. Letakan juga di atas instruksi
d. Simpan template blog anda.
f. Jika anda ingin menyematkan video di halaman blog anda, maka di editor postingan, masuk ke mode html, lalu letakan kode di bawah ini, di bagian yang kira-kira video anda ingin diletakan:
VIDEO_ID bisa diganti dengan video_id yang ingin anda tampilkan.
Cara di atas menciptakan halaman yang berisi konten video lebih ringan alasannya adalah video yang ditampiklan hanyalah thumbnail videonya saja, proses download video gres berjalan bila pengunjung menonton video tersebut.
Untuk demo silahkan buka link demo ini
Follow us on
