Cách nhúng youtube tự động chạy và responsive css đơn giản

Bạn cần nhúng youtube vào website mà tự động 100% width vào nơi nhúng và responsive vào thiết bị, đơn giản bạn chỉ cần dùng đoạn code này:


<iframe class="youtube-video"  src="https://www.youtube.com/embed/536zKCnRDQg?autoplay=1&mute=1&frameborder=0""></iframe>
Css: 
.youtube-video {
1.	    aspect-ratio: 16 / 9;
2.	    width: 100%;
}

Bạn có thể tham khảo thêm cách khác tại: https://viblo.asia/p/responsive-iframe-chi-su-dung-css-OeVKBgadZkW

Rate this post

Trả lời

Nhắn tin qua Zalo

0932644183