Tạo reposive youtube ( giao diện điện thoại video ) trên web

Tham khảo https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php


Tạo reposive youtube ( giao diện điện thoại video ) trên web

Thực hiện trên hai bước :

Bước 1: Dán vào /css/template.css" in template "vt_hiking".
.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%;

}

Bước 2: Dán vào bài viết theo mẫu sau:
<div class="videoWrapper">
    <!-- Copy & Pasted from YouTube -->
    <iframe width="560" height="349" src="http://www.youtube.com/embed/n_dZNLr2cME?rel=0&hd=1" frameborder="0" allowfullscreen></iframe>

</div>