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!



Tôi thích viết Blog để chia sẻ trãi nghiệm của chính mình. Tôi làm việc về Digital Marketing (SEO, Google Adwords, Facebook) và hy vọng sẽ có cơ hội hợp tác với bạn trong tương lai. Cùng chia sẻ kinh nghiệm mình có được

1 Nhận xét so far