Embed Vimeo agar menjadi Responsive Video

Diawal pakai vimeou atau youtube untuk embed responsive dikiranya susah ternyata mudah cukup gunakan css. contohnya seperti ini

.videowrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
<div class="videowrapper"><iframe .... ></div>

 

Selesai

Leave a Reply

Your email address will not be published. Required fields are marked *



*