Trong bài viết này, Hoàng Giang Share sẽ chia sẻ, hướng dẫn cách nhúng video trên Youtube vào website chuẩn kích thước trên điện thoại chi tiết từ A đến Z.
Cách nhúng video Youtube vào website chuẩn kích thước trên điện thoại
Chuẩn Responsive Mobile nội dung rộng hơn màn hình GSC
Bước 1: Đoạn này đưa vô file CSS bổ sung của Tùy biến theme
.video-container {
overflow: hidden;
position: relative;
width:100%;
}
.video-container::after {
padding-top: 56.25%;
display: block;
content: ”;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Bước 2: Thêm đoạn này vào nội dung bài viết
<div class=”video-container”>
Thêm link video vào đây
</div>
Tổng kết
Như vậy, Hoàng Giang Share đã hướng dẫn cách nhúng video trên Youtube vào website chuẩn kích thước trên điện thoại chi tiết từ A đến Z.
Nếu bạn có bất kỳ câu hỏi hay thắc mắc nào, hãy để lại bình luận xuống khung phía dưới, mình sẽ giải đáp tất cả trong 24h.