Cách nhúng video Youtube vào Web Blogger chuẩn Responsive

Hướng dẫn các bạn nhúng video vào trong blog chuẩn HTML chỉ bằng một đoạn code nhỏ. Trước đây mình chia sẻ nhiều về Marketing Online nhưng trong thời gian cạn ý tưởng viết về nó nên chuyển sang viết thủ thuật Blogger.
Đoạn code chèn video từ Youtube thực ra là 1 đoạn code thẻ iframe. Chúng thường có thông số width:640px hay width: 800px gì đó. Thì lúc này chèn vào phần HTML trong bài viết sẽ không chuẩn responsive trên các kích thước màn hình khác nhau.

 video Youtube vào Web Blogger chuẩn Responsive
Với đoạn code mà mình chia sẻ dưới đây bạn có thể nhúng vào blog và cũng không cần quan tâm width của nó là bao nhiêu vì nó sẽ tự động chuyển thành 100%

Cách Thực hiện

Cách nhúng video Youtube vào bài viết chuẩn Responsive

1. Vào blogger truy cập vào mẫu

Chèn code CSS trên trước thẻ ]]></b:skin>
iframe,img,object{max-width:100%;width:100%!important}img{height:auto}

2. Lưu mẫu lại và xem kết quả

Cách này rất đơn giản chỉ thực hiện 1 lần sẽ giúp bạn tiết kiệm khối thời gian về sau

Chúc bạn thành công!
Điểm 4.6/5 dựa vào 87 đánh giá

Không có nhận xét nào:

Một số lưu ý khi bình luận

Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước .

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời.

Khi xuất bản bài viết chắc chắn không tránh khỏi lỗi về chính tả, cú pháp.