RaoVat24h
Blogger Thủ thuật

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

Advertisement

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!
Rate this post

DienDan.Edu.Vn

DienDan.Edu.Vn Cám ơn bạn đã quan tâm và rất vui vì bài viết đã đem lại thông tin hữu ích cho bạn.
DienDan.Edu.Vn! là một website với tiêu chí chia sẻ thông tin,... Bạn có thể nhận xét, bổ sung hay yêu cầu hướng dẫn liên quan đến bài viết. Vậy nên đề nghị các bạn cũng không quảng cáo trong comment này ngoại trừ trong chính phần tên của bạn.
Cám ơn.

Đăng bình luận

(+84) (901) 369.468