Cara Embed Youtube Video di Website WordPress, Hallo teman2 semuanya saya suputra dari easywebsi.com
kali ini kita akan belajar cara menambahkan video atau embed youtube video di website
cara nya sangat simple teman2 saya akan tunjukan cara embed di gutenberg editor, classic editor dan juga pada elementor free. Baiklah langsung saja ke langkah pertama cari video nya di youtube misalnya video saya ini ya.. cara membuat website toko online, tinggal klik kanan lalu kopi url nya
sekarang masuk ke dashboard wordpress nah kalian bisa embed di post ataupun di page, contoh saya akan embed di post ya hover ke post klik add new
Saya menggunakan versi wordpress terupdate dengan guntenberg editor nanti saya akan jelaskan juga untuk kalian yg menggunakan classic editor, buat judul misal cara membuat toko online di versi gutenberg ini kita paste saja link nya disini pada body text maka otomatis akan muncul videonya nah sekrang klik publish dan view post
yak video sudah ditambahkan pada post dan bisa di play langsung disini… sangat mudah kan teman2
lalu berikutnya cara menambahkan video dengan classic editor… saya rasa cukup banyak juga pengguna yg masih menggunakan classic editor ini agak sedikit berbeda ya, karena saya tidak menggunakan classic editor saya akan instal dulu plugin nya
hover ke plugin lalu klik add new nah ini dia bisanya sudah di depan instal classic editor lalu aktifkan, setelah aktif lalu ke post klik…. saya edit saja post sebelumnya,
Sekarang pada video youtube klik tombol share ini… lalu pilih embed kalian bisa kopi code nya klik saja ini copy… balik ke post sekrang paste disini ini, url ini saya delete dulu.. ow ya satu lagi pastikan paste pada tab text ini ya, lalu paste – kita update dulu, view post yak ini sudah terembed dengan baik
jika diklik akan play seperti biasa… ow ya ketika di pause video menampilkan suggested video dari channel lain ini saya akan rubah ya agar ketika di pause hanya menampilkan video dari channel saya saja….Video youtube yg kita embed ini…. itu juga bisa kita atur pada menit keberapa mulai, start dan stopnya carannya pada youtube… embed video centang ini start dan ketik waktunya misal saya ingin mulai di menit ke12:00
sekarang kopi, balik ke post…. link sebelumnya saya delete dulu, lalu paste, perhatikan di start mulai pada detik ke 720 atau pada menit ke 12… nah untuk buat related videonya perhatikan link ini youtube.com/embed/kode video kita ketik ? lalu ketik rel=0 diikuti semicolon jika tidak ingin ada menit start dan stopnya ini di delete saja pastikan di dalam tanda kutip ini ya
Ok saya update dulu, lalu tinggal di refresh sekarang kita chek play.. ya ini sudah mulai pada menit ke 12 dan ketika di pause pun menampilkan related video yg ada pada channel saya
sekarang tinggal menambahkan waktu stopnya di video youtube tandai dulu waktu stopnya misal saya buat di menit 20:20 drag ke sini klik kanan lalu copy link ini
video url at current time lalu paste saja dulu text editor nah ingat angka ini adalah detik end video nya… Ok
kembali ke post kita akan tambahkan waktu stopnya arahkan crusor kesini tambahkan semicolon end sama dengan ingat ya angka ini adalah end time nya 1220 lalu update…. saya refresh dulu saya refresh dulu postnya lalu play nah sekrang sudah mulai di menit 12 chek waktu stopnya… dana akn stop di menit 20:20 seprti ini dan ketika stop akan menampilkan related video dari channel kita.. OK
Untuk size video bisa kita atur dan jika kalian tidak ingin menggunkan fitu start dan end video ini juga bisa kita hapus caranya balik ke post
pada frame width di dalam tanda kutip ini itu bisa kita atur misal menjadi 1013 px dikali height 570 px
fitur start stopnya bisa di delete, hapus saja dari sini sampai tanda semicolon juga dihapus ya… angka 0 untuk related video ini batasnya, kalian bisa puause untk melihat lebih detail agar tidak salah ya. lalu klik update
Ok saya refresh ini dia sizenya sudah berubah…. kita coba klik play… yak sekrang sudah mulai dari awal lagi dan ketika dipause pun menampilkan related video pada channel kita OK ya..
Lanjut cara dengan menggunakan elementor page builder saya ke page…. emmm contoh di home page saya ingin tambahkan videonya klik edit dengan elementor…
Scroll kebawah misal saya ingin menambahkan videonya diatas contact ini tinggal add new section lalu drag widget video…. maka akan ada sample youtube video dari elementor
disini kalian bisa lihat sourcenya.. bisa youtube vimeo dailymotion atau self host… pada link kita paste url youtubenya disini… ke video youtube klik kanan copy url delete link sebelumnya dan paste maka video yg kita embed akan muncul seperti ini pada elementor itu lebih simple untuk pengaturan waktu start dan stop tinggal diisi saja… pada start dan end time
pada video option
kalian bisa aktifkan fitur autoplay otomatis play video juga ada fitur mute untuk suara video, looping utk pengulangan video otomatis player controlnya juga bisa di sembunyikan jadi ketika di play maka control youtube akan hilang ada fitur modest branding dan privacy mode bisa kalian baca itu untuk visior website jadi tidak terekam kecuali mereka play videonya
suggested video yak current video channel saya pilih ini untuk menampilkan related video pada chanel saya…. Ok setelah itu kalian bisa klik update… view page
scroll ke bawah ini dia play videonya…. Ok ya ketika di pause akan menampilkan related video dari channel kita..
Baiklah teman2 itu dia tadi cara embed video youtube di website wprdpress semoga bermanfaat dan sampai jumpa di video berikutnya, terima kasih