09 April 2016

Embed Video YouTube di WordPress

Beberapa kali dalam satu tahun terakhir ini, plugin Shockwave Flash gagal dijalankan di web browser terutama Chrome. Hal ini tentunya membuat beberapa kode HTML di WordPress yang dulunya berjalan baik menjadi gagal menampilkan video yang kita inginkan. Dulunya, kode seperti di bawah ini bisa berjalan dengan baik. Tetapi karena plugin Shockwave Flash kadang-kadang berhenti, maka yang tampil seringkali pesan "Couldn’t load plugin" dan video tidak dapat diputar bahkan dilihat gambar pratinjaunya.
<div> <object> <param name="movie" value="//www.youtube.com/v/0bl9qevheS0;hl=en"> <embed type="application/x-shockwave-flash" src="//www.youtube.com/v/0bl9qevheS0;hl=en"> </embed> </object></div>
Jika mengandalkan kode yang disediakan oleh YouTube dengan menggunakan kode <iframe> maka kode template WordPress yang mengambil gambar thumbnail menjadi tidak berfungsi.
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/0bl9qevheS0?rel=0" width="560"> </iframe>
Perlu sedikit modifikasi agar kode untuk mengambil gambar thumbnail dan video dapat dimainkan meskipun plugin Shockwave Flash sedang berhenti, yaitu dengan mengubah alamat pada tag embed yang semula menggunakan http dan v di dalamnya menjadi https dan embed.
<div> <object> <param name="movie" value="https://www.youtube.com/v/0bl9qevheS0;hl=en" /> <embed src="https://www.youtube.com/embed/0bl9qevheS0?rel=0" /> </object></div>
Kode tersebut akan menampilkan video dalam format HTML5, bukan Flash. Saat ini, dukungan terhadap HTML5 sudah sangat luas diterapkan pada banyak web browser.
Catatan di atas untuk mengingatkan kembali penulis jika ada video yang tidak berjalan baik di dalam WordPress. Semoga bisa bermanfaat juga bagi pemilik blog WordPress lainnya yang memiliki kasus serupa. (Ridwan Sanjaya)

---
Ketika mengakses video di YouTube muncul tulisan Couldn't load plugin, coba tambahkan &nohtml5=False pada alamat sehingga menjadi seperti: https://www.youtube.com/watch?v=p2JCqSk1Gp0&nohtml5=False