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.

5/5 - (1 bình chọn)
Bạn đừng bỏ lỡ
app kiếm tiền online
Đăng ký
Thông báo
guest
0 Bình luận
Inline Feedbacks
Xem tất cả bình luận
0
Ý kiến của bạn luôn tuyệt vời! Hãy để lại bình luận ...x