Cara Embed Video Youtube Short di HTML untuk Website ataupun Blog
YouTube Shorts adalah format video singkat yang sangat populer untuk berbagi konten menarik. Kalau kamu ingin menampilkan video Shorts di website kamu, kamu bisa menggunakan HTML untuk melakukan embed. Berikut adalah langkah-langkah mudah yang bisa kamu ikuti.
Apa Itu Embed Video YouTube?
Embed adalah cara untuk menampilkan video dari YouTube langsung di halaman website kamu. Dengan menggunakan kode HTML, kamu bisa membuat pengunjung website menonton video tanpa harus meninggalkan situs kamu.
Langkah-Langkah Embed Video YouTube Shorts
-
Temukan URL Video YouTube Shorts
Dapatkan URL video YouTube Shorts yang ingin kamu embed, biasanya berupa
https://youtube.com/shorts/{video-ID}
-
Gunakan Kode Embed
Kamu bisa menggunakan kode embed berikut untuk menampilkan video Shorts:
<iframe width="320" height="560" src="https://www.youtube.com/embed/{video-ID}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> </iframe>
Ganti
{video-ID}
dengan ID unik dari video kamu. -
Masukkan Kode Embed ke File HTML
Edit file HTML di website kamu dengan mode Code atau HTML view, dan letakkan kode embed di bagian yang kamu inginkan.
-
Simpan dan Uji Hasilnya
Setelah menambahkan kode embed, simpan file HTML kamu dan lihat hasilnya di browser.
Tips Embed Video YouTube Shorts
- Sesuaikan ukuran video agar sesuai dengan desain website kamu.
- Gunakan CSS untuk membuat iframe responsif. Contoh:
iframe { width: 100%; height: auto; }
- Untuk membuat video melayang dikiri seperti koran maka bisa menggunakan
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">..iframe..</div>
- Pilih video Shorts yang relevan dengan konten website kamu.
Kesimpulan
Menggunakan HTML untuk embed video YouTube Shorts adalah cara sederhana dan efektif untuk meningkatkan daya tarik website kamu. Dengan langkah-langkah di atas, kamu bisa menambahkan video singkat yang menarik langsung dari YouTube. Selamat mencoba!
Posting Komentar