Bagaimana Cara Membuat Video Youtube, Dailymotion dan Vimeo Responsif (Part 1) - BISABLOGDEMO

Bagaimana Cara Membuat Video Youtube, Dailymotion dan Vimeo Responsif (Part 1)

Ini adalah contoh penambatan video dari Youtube, Vimeo, dan DailyMotion pada sebuah blog. Lihat bagaimana ukuran video yang tidak proporsional dengan ukuran pos?

Simak bagaimana caranya membuat video-video ini lebih proporsional dan responsif pada tutorial berikut:

Cara Membuat Video Youtube, Vimeo, dan Dailymotion Responsif  | bisablog

Untuk melihat hasil jadinya, lihat pada pos berikut:

Bagaimana Cara Membuat Video Youtube, Dailymotion dan Vimeo Responsif (Part 2)

Contoh tautan video dari Youtube:

 

<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/WjqiU5FgsYc" width="560"></iframe>


Contoh tautan video dari Vimeo:

 
The Alien Beauty of Socotra Island from Great Big Story on Vimeo.

<iframe allowfullscreen="" frameborder="0" height="360" mozallowfullscreen="" src="https://player.vimeo.com/video/178920145" webkitallowfullscreen="" width="640"></iframe><br />
<a href="https://vimeo.com/178920145">The Alien Beauty of Socotra Island</a> from <a href="https://vimeo.com/greatbigstory">Great Big Story</a> on <a href="https://vimeo.com/">Vimeo</a>.


Contoh tautan video dari Dailymotion:

 
B-Boy Profile: Wing | Red Bull BC One 2016... oleh RedBull

<iframe allowfullscreen="" frameborder="0" height="270" src="//www.dailymotion.com/embed/video/x542s6s" width="480"></iframe><br />
<a href="http://www.dailymotion.com/video/x542s6s_b-boy-profile-wing-red-bull-bc-one-2016-world-finals_sport" target="_blank">B-Boy Profile: Wing&nbsp;| Red Bull BC One 2016...</a> <i>oleh <a href="http://www.dailymotion.com/RedBull" target="_blank">RedBull</a></i>
Diberdayakan oleh Blogger.