Tạo Responsive Video Youtube cho Blogspot

Xin chào các bạn.Hôm nay, Thịnh ND xin hướng dẫn các bạn tạo Responsive Video Youtube cho Blogspot.

HƯỚNG DẪN:

Bước 1: Đăng nhập Blogger > Mẫu > Chỉnh sửa HTML
Bước 2:  Tìm đến thẻ ]]></b:skin> và chèn đoạn code sau lên trên nó

Video sẽ có tỉ lệ 16:9

.nd-video {
    position: relative;
    padding-bottom: 56.25%;
}
.nd-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Bước 3: Lưu mẫu

Khi bạn muốn chèn video vào, hãy nhúng đoạn mã sau

<div class="nd-video">
<iframe width="" height="" src="//www.youtube.com/embed/xxxx" frameallowfullscreen></iframe>
</div>  

Liên kết video chèn vào có dạng //www.youtube.com/embed/BdqarGtAqkw

Ví dụ: Bạn muốn chèn video Ngày Em Đi của OnlyC ft. Lou Hoàng vào thì bạn thay  //www.youtube.com/embed/xxxx thành  //www.youtube.com/embed/BdqarGtAqkw


Chúc bạn thành công. Xin cảm ơn