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

- [tintuc]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!
[/tintuc]
Huỳnh Phụng Blogger

TLQT là Blog chia sẻ kiến thức về Marketing, Digital Marketing, Kinh nghiệm làm SEO, Tối ưu Website và nhiều thứ khác

1 Nhận xét

➔ Gửi kèm hình ảnh trên bài viết để được hỗ trợ tốt nhất.
➔ Để bình luận kèm hình ảnh, bạn vào trang Upload Ảnh, kéo thả để Upload hình ảnh lên.
➔ Bạn dán URL link hình ảnh vào khung bình luận và ấn Xuất bản, ảnh sẽ được tự động tải lên.
➔ Không spam trong khung bình luận, hạn chế viết tắt.
➔ Tích vào ô Thông báo cho tôi (Notify me) để nhận thông báo phản hồi của Admin

Mới hơn Cũ hơn

POST ADS1

POST ADS 2