Formatting: Video

Tentang

Formatting Video adalah konfigurasi yang bisa ditambahkan pada elemen IFRAME Youtube Video atau Video yang diupload ke blogger - (Demo).



Spesifikasi




Konfigurasi



Keterangan

box
Nilai Pratinjau
none
Lihat
border
Lihat
shadow
Lihat

formatting
Secara default, sistem akan memproses semua elemen IFRAME dengan src https://www.youtube.com/embed/** dan https://www.blogger.com/video.g** pada penggunaan yang didukung sesuai data spesifikasi. Dengan memberikan nilai no pada konfigurasi ini, elemen IFRAME yang bersangkutan tidak akan diproses dengan formatting (akan menggunakan style default browser).



Penggunaan

  1. Youtube Video Formatting ini akan memproses semua elemen IFRAME yang meload video youtube. Tepatnya elemen iframe dengan src yang diawali https://www.youtube.com/embed/. 

            
<iframe src="https://www.youtube.com/embed/***"></iframe>

    Keterangan: Pada HTML diatas, tidak ada satupun konfigurasi yang ditambahkan. Semua konfigurasi akan mengambil Nilai Default.


    Tambahkan konfigurasi yang dikehendaki dengan cara menambahkan atribut
    data-nama-konfigurasi='Nilai' pada elemen IFRAME.

    Contoh: 
            
<iframe src="https://www.youtube.com/embed/***" data-box="shadow"></iframe>


  2. Blogger Video Untuk video yang ditambahkan dengan metode upload, HTML yang terdapat pada post editor blog adalah kurang lebih seperti berikut: 

            
<object class="BLOG_video_class" contentid="4b3db01643eb6ecb" ...></object>

    Untuk menambahkan konfigurasi, tambahkan elemen div sebagai wrapper elemen object. Kurang lebih seperti berikut: 

            
<div data-box='shadow'>
  <object class="BLOG_video_class" contentid="4b3db01643eb6ecb" ...></object>
</div>



Lainnya

  • Formatting ini juga akan secara otomatis menampilkan video secara responsive (lebar video akan mengikuti lebar area yang tersedia, dengan rasio 16:9). Atribut width dan height pada elemen iframe dan object akan diabaikan.
Komentar