Embed Youtube adalah sebuah cara untuk menampilkan video Youtube ditempat lain.
Lalu bagaimana cara embed video dari Youtube.
Berikut ini beberapa caranya.
Cara 1 : Melihat dan Embed Video Youtube
Berikut ini langkah – langkah cara melihat dan embed video dari Youtube :
- Buka situs Youtube.
- Cari video yang ingin di embed.
- Klik tombol BAGIKAN.
- Pilih Sematkan.
- Lalu klik SALIN. Anda akan mendapatkan kode HTML kurang lebih seperti ini.
- Lalu tempel kode yang didapat ke tempat yang diinginkan.
Salah contoh halaman Portal Uang yang embed video dari Youtube adalah halaman live streaming Youtube.
Live Streaming Youtube : Tutorial Lengkap
Cara 2 : Embed Video Youtube Ke Blog
Berikut ini beberapa cara embed atau menyematkan video Youtube ke blog.
1. Cara Embed Video Youtube Di Blogger
Berikut ini langkah – langkah cara embed video Youtube di Blogger (Blogspot) :
- Buka situs Blogger.
- Buat atau ubah Postingan.
- Pilih menu Sisipkan Video.
- Pilih Youtube.
- Masukkan URL video Youtube yang ingin disematkan atau embed.
- Klik tombol Cari.
- Pilih video, Kemudian klik PILIH.
- Video berhasil di embed.
Pengertian Blogger + Panduan Lengkap Belajar Blogger
2. Cara Embed Video Youtube Di WordPress
Berikut ini langkah – langkah cara embed video Youtube di WordPress terbaru :
- Buka Dasboard WordPress.
- Buat atau Edit Pos.
- Klik ikon plus (+).
- Pilih Sematan.
- Pilih Youtube.
- Masukkan URL video Youtube yang ingin disematkan.
- Klik Sematkan.
Apa Itu WordPress? Ini Pengertiannya
Cara 3 : Embed Video Youtube Agar Auto Play
Berikut ini langkah – langkah cara embed video Youtube agar langsung auto play :
- Buka situs Youtube.
- Cari video.
- Klik tombol BAGIKAN.
- Pilih Sematkan.
- Kode HTML yang didapat, dibelakang tambahkan kode
?autoplay=1
Contoh :
Cara 4 : Embed Video Youtube Agar Responsive
Berikut ini langkah – langkah cara embed video Youtube menjadi reponsive :
- Buka situs Youtube.
- Cari video.
- Klik tombol BAGIKAN.
- Pilih Sematkan.
- Kode HTML yang didapat, edit atau tambahkan beberapa kode ini.
<div class="video-reponsive">
kode embed Youtube</div>
- Secara lengkap menjadi seperti ini.
- Kemudian tambahkan kode CSS dibawah ini.
.video-reponsive {overflow: hidden;position: relative;width:100%;}
.video-reponsive::after {padding-top: 56.25%;display: block;content: '';}
.video-reponsive iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
Cara 5 : Embed Video Youtube Agar Full Screen
Berikut ini langkah – langkah cara embed video Youtube menjadi full screen :
- Buka situs Youtube.
- Cari video.
- Klik tombol BAGIKAN.
- Pilih Sematkan.
- Kode HTML yang didapat tambahkan
id="video-full"
dalam iframe. Contoh seperti ini.
- Lalu tambahkan kode Jquey dibawah ini.
$(function(){$('#video-full').css({ width: $(window).innerWidth() + 'px', height: $(window).innerHeight() + 'px' }); $(window).resize(function(){$('#video-full').css({ width: $(window).innerWidth() + 'px', height: $(window).innerHeight() + 'px' });});});
Cara 6 : Embed Playlist Video Youtube
Berikut ini langkah – langkah cara embed playlist video Youtube :
- Buka situs Youtube.
- Buka Channel yang play list ingin di embed.
- Pilih salah satu play list.
- Pada url cari
list=
. - Salin kode list tersebut.
- Lalu pada kode embed yang sudah ubah kode setelah
embed/
, digantivideoseries?list=tempelkan kode playlist disini
Contoh :
<iframe id="video-full" width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLtcKF5g-XN24IJfEpPe4hvI7wYGzrWAYM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Cara 7 : Membagikan Video Youtube ke Facebook / Media Sosial Lainnya
Berikut ini langkah – langkah cara membaikan video Youtube ke Facebook atau media sosial lainnya:
- Buka situs Youtube.
- Cari video.
- Klik tombol BAGIKAN.
- Pilih Facebook/ media sosial lainnya.