asalamualaikum..
hi guys ,...disini admin mau ngasih thread yakni cara embed video pada blog
nah embed itu apa yaa? embed itu sama dengan sematkan atau bagaimana cara kita melinkkan video dari alamat video tertentu misalnya dari Youtube contoh
mngkin kamu pernah melakukan hal ini tapi admin mau memperjelas lagi bagaimana carany...nah misalkan sumbernya dari Youtube, cara embed video cukup simpel yakni setelah anda memilih video yang akan di embed, lalu klik pada tombol Share yang ada di bagian bawah video. Setelah itu akan muncul 3 opsi lagi yakni Share, Embed dan Email. Pilih tombol Embed lalu di bagian bawah akan muncul deretan code yang bisa kita coba dan langsung paste ke laman html posting kita. Contoh kode yakni seperti ini:
"<iframewidth=”560″height=”315″ src=”https://www.youtube.com/embed/abcdefghij” frameborder=”0″ allowfullscreen></iframe>"
tanpa tanda kutib
nah dari kode tersebut yang jadi masalah adalah bagimana caranya kita mengatur tampilannya pada blog kita agar sesuai tinggi dan lebarnya pada postingan kita coba ubah dari tampilan standrnya yakni standart (560×315).
dari pengalaman yang admin lihat ada beberapa cara mengotak atik kode tersebut admin ambil saja dari sebuah blog orang lain yaaa...
1. Memutar Video dari Waktu tertentu
Caranya ternyata cukup mudah yakni dengan menambah
kode &start= diikuti angka pada
detik berapa kita akan memulainya. Sebagai contoh kita ingin mulai dari menit
ke 3 , maka kode yang ditulis yakni
&start=”180” (angka di beri tanpa petik), ini karena 3 menit sama
dengan 180 detik. Jadi fokuslah pada detiknya bukan menit. Setelah itu
tempatkan kode tersebut tepat dibelakang url video, contoh lengkapnya
" <iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/abcdefghij” &start=”180” frameborder=”0″ allowfullscreen></iframe> "
tanpa tanda kutip
2. Menghilangkan Related Video
Ketika sebuah video Youtube yang kita tonton telah
selesai, terkadang akan muncul beberapa video lain dalam bentuk kotak kecil,
inilah yang disebut video terkait. Nah tak jarang pula, kadang video
terkait tersebut nyatanya tidak
mempunyai hubungan dan cukup mengganggu ketika anda meng embed nya pada posting
blog. Untuk menghilangkan fitur tersebut bisa dilakukan dengan cara menambahkan
kode sederhana yakni ?rel=”0” setelah kode url video. Jadi tampilan lengkap
kode embednya menjadi seperti ini:
" <iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/abcdefghij” ?rel=”0” frameborder=”0″ allowfullscreen></iframe> "
tanpa tanda kutip
3. Menampilkan kualitas Video High Defenition
Tips selanjutnya yakni jika kita ingin video yang
kita embed pada konten blog bisa berputar dalam kualitas tinggi alias HD.
Ketika memasang video berkualitas HD, konsekuensinya tentu video akan berjalan
lebih berat (tergantung koneksi internet). Namun di sisi lain kita tentu ingin
memberikan sajian konten yang berkualitas bukan. Apa lagi tak jarang buruknya
kualitas video akan menyulitkan visitor menikmati dan mencerna informasi dari
video tersebut. Nah secara default, video yang kita embed akan ditampilkan
dengan kualitas 360p. Dan kita bisa mengubahkan menjadi 480p, 720p, hingga
kualitas tinggi 1080p. Namun saran saya adalah gunakan kualitas 720p saja,
mengapa? Karena kualitas tersebut memberi tampilan yang sudah cukup jelas namun
tidak terlalu memberatkan proses loading. Untuk mengubah kualitas video, kita menambahkan
barisan kode di bawah ini disesuaikan dengan kualitas yang di inginkan.
Letakkan kode tersebut tepat setelah kode url video
Kualitas 480p
= ?rel=”0”&vq=”hd480”
Kualitas 720p
= ?rel=”0”&vq=”hd720”
Kualitas 1080p = ?rel=”0”&vq=”hd1080”
Sebagai contoh ketika ingin memutar video dengan
kualitas 720p, kodenya yakni seperti ini
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/abcdefghij” ?rel=”0”&vq=”hd720” frameborder=”0″ allowfullscreen></iframe>
Sumber: https://www.maxmanroe.com/
Demikianlh yang dapat admin sampaikan sekian semiga berguna dan terima kasih
Post a Comment