Apakah Anda ingin menambahkan iframe border pada embed video Anda? Kami akan menunjukkan cara untuk menambahkan iframe border pada video anda.
Menambahkan Border pada iframe Video di WordPress
Hal pertama yang perlu Anda lakukan adalah untuk membuka posting atau halaman yang berisi iframe kode embed video Anda. Sebuah iframe bahu kode embed khas terlihat seperti ini:
<iframe width="560" height="315" src="https://www.youtube.com/embed/qzOOy1tWBCg" frameborder="0" allowfullscreen></iframe>
Anda dapat menambahkan border dengan menambahkan gaya inline dengan kode seperti ini:
<iframe style="border: 3px solid #EEE;" width="560" height="315" src="https://www.youtube.com/embed/qzOOy1tWBCg" frameborder="0" allowfullscreen></iframe>
Sebenarnya ada cara yang lebih baik untuk menambahkan perbatasan di sekitar video WordPress, yaitu dengan menggunakan oEmbed.
Menambahkan Border di sekitar video oEmbed WordPress
WordPress kini hadir dengan built-in dukungan oEmbed. Pada dasarnya WordPress Memungkinkan anda untuk menyisipkan link video, dan secara otomatis akan mendapatkan kode embed untuk video tersebut. Fitur oEmbed hanya dapat dipergunakan pada situs seperti YouTube, Vimeo, Dailymotion, Hulu, dll (Lihat: cara mudah menambahkan video di WordPress menggunakan oEmbed)
Sekarang Anda tahu bagaimana cara menambahkan video dengan oEmbed, di sini adalah bagaimana Anda dapat menambahkan border di sekitar oEmbed video dari WordPress.
Ketika menambahkan video menggunakan oEmbed, hanya perlu membungkus URL di tag span dengan parameter gaya inline, seperti ini: <span style="border:3px solid #EEE;">http://www.youtube.com/watch?v=qzOOy1tWBCg</span>
Jika Anda ingin menambahkan border di sekitar semua video Iframe yang sama, sebaiknya tambahkan kelas CSS untuk stylesheet tema Anda.
.frame-border {
border:3px solid #EEE;
}
Sekarang Anda dapat menggunakan kelas CSS di iframe kode embed Anda seperti ini:
<iframe class="frame-border" width="560" height="315" src="https://www.youtube.com/embed/qzOOy1tWBCg" frameborder="0" allowfullscreen></iframe>
Anda juga dapat menggunakan kelas CSS yang sama di tag span sekitar video url Anda oEmbed, seperti ini:
<span class="frame-border">http://www.youtube.com/watch?v=qzOOy1tWBCg</span>
Keuntungan menggunakan kelas CSS tunggal adalah bahwa jika Anda mengubah tema kemudian, Anda dapat dengan mudah mengubah warna dengan satu kali klik dan kembali dan mengedit setiap video secara individual.
Artikel keren lainnya:
Belum ada tanggapan untuk "Cara Menambahkan Iframe Border Pada Video Embed"
Post a Comment