Cara mudah pasang video YouTube ke Blog WordPress kamu menggunakan shortcode. Dan sesuai judulnya, akan selalu responsive!
Dengan menggunakan embed code YouTube yang terbaru, namun dengan plugin ini video yang terpasang akan selalu responsive. Porposi rasionya tidak akan berubah. Kamu bisa mengetesnya dengan cara membukanya lewat smartphone atau resize browser di PC kamu.
Installation
Untuk menggunakannya, sangat mudah. Pertama kamu harus install pluginnya terlebih dahulu.
- Masuk Dashboard WordPress kamu, masuk menu Plugins > Add New
- Cari: Simple YouTube Responsive
- Klik , kemudian setelah installasi selesai, klik .
- Selesai.
Atau install secara manual:
- Download pluginnya terlebih dahulu.
- Login ke Blog WordPress kamu sebagai Administrator.
- Masuk ke menu Plugins > Add New
- Klik tombol .
- Lalu upload file dad-youtube-responsive.zip yang sudah kamu download tadi.
- Setelah plugin selesai diupload, klik
- Selesai.
How To Use
Menggunakannya cukup mudah. Gunakan shortcode [youtube v="XXXXXX"] dimana XXXXXX itu adalah ID video pada YouTube.
Kamu bisa menggunakan shortcode ini pada post, ataupun widgets.
Shortcodes
Berikut ini beberapa attribute shortcode untuk kustomisasi YouTube Player kamu.
Show YouTube Video
Untuk mendapatkan ID XXXXXX, kamu bisa mengcopy dari URL video tersebut. https://www.youtube.com/watch?v=XXXXXX
Set Custom Aspect Ratio
Formatnya x:y (lebar:tinggi). Kamu bisa mengubahnya menjadi 4:3, 2:1. Atau terserah kamu. Defaultnya 16:9. Tanpa menggunakan attribute ini otomatis akan menggunakan 16:9
Set Maximum Width
Jika kamu ingin membatasi lebar maksimal pada video ini. Karena secara default dibatasi menjadi 600px. Jika kamu ingin menghapus batasan lebar, kamu bisa menggantinya dengan 100%
Custom ID Attribute
Jika kamu ingin menambahkan attribute id="" pada video.
Custom Classes Attribute
Jika kamu ingin menambahkan attribute class="" pada video. Bisa menggunakan lebih dari satu Class.
Custom CSS Attribute
Jika kamu ingin menambahkan attribute style="" pada video untuk kreasi CSS kamu.
Facebook Instant Articles
Tambahkan Transform Rule berikut ini ke halaman Settings pada plugin Facebook Instant Articles
Screenshots
Changelogs
-
- Version 1.2.4 (23 Feb 2017)
- [[Bug Fix]] Break posts when AMP not installed.
- [[Bug Fix]] Not showing on sidebar for several themes.
- Version 1.2.3 (22 Feb 2017)
- [[New]] Google AMP supported.
- Version 1.2.2
- [[New]] Alias attribute. "v" for more simple shortcode
- Version 1.2.1
- [[Bug Fix]] PHP Error: Divided by zero
- [[Removed]] Default width
- [[New]] Facebook Instant Articles supported
- Version 1.2.0
- [[Bug Fix]] Video not loaded on https website
- Version 1.1.0
- [[Bug Fix]] Failed installation because of Plugin Header
- [[Update]] Add TinyMCE Rich Editor support
- Version 1.0.0
- Baru rilis kali cuy