Menyematkan Video. Caranya?

© Jackson Sophat on Unsplash

Berawal dari keinginan menambahkan video ketika menulis postingan tentang Eunseok (tetep pemicunya adalah kebucinan yang hqq), aku menemukan cara embed video dari website lain ke blogger.

Menyematkan video dari Youtube sangat mudah. Tinggal klik embed video, salin dan tempel. Selesai.

Yang susah untuk hamba yang gak punya basic coding sama sekali ini adalah memasukkan video dari website lain yang gak punya opsi embed video. Setelah googling sebentar, akhirnya aku menemukan caranya:

<iframe width="width" height="height" src="Video_URL"></iframe>

Aku pakai video dari riizeofficial.com. 

<iframe width="725.33" height="408" src="https://www.riizeofficial.com/video/Rec_06.mp4"></iframe>

Kelihatannya sudah beres...

...tapi sebenarnya belum karena video yang di-embed meluber melampaui batas.

Memang apapun yang melewati batas itu tidak baik. Tampilan videonya di blog terlalu besar. Jadinya aku harus mencari tutorial lagi agar tampilan video yang sudah dimasukkan tadi indah dipandang mata.

Aku random aja memasukkan kata kunci di pencarian google. Sempat menemukan beberapa cara yang html-nya sangat panjang dan mayan ribet sih. Hasilnya gak sesuai harapan. Kode html-nya gak berfungsi.

Akhirnya aku mencari lagi dengan kata kunci yang lain. Aku lupa waktu itu memasukkan kata kunci apa. Yang jelas aku mendarat di tutorial yang tepat untuk template blogku ini. Kode html-nya seperti ini:

<div style="padding-bottom:56.25%; position:relative; display:block; width: 100%">

<iframe width="100%" height="100%" src="Video_URL" frameborder="0" allowfullscreen="" style="position:absolute; top:0; left: 0"></iframe>

</div>

Setelah aku coba dengan URL video dari Youtube dan riizeofficial.com, videonya jadi bisa menyesuaikan ukuran layar yang berbeda. Aseeek~~~

Postingan ini bukan tutorial. Cara embed video ini aku tulis disini biar aku gak lupa nantinya kalau ingin menyematkan video lagi.

🌷