1 bình luận · lượt xem

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!



1 nhận xét:

NỘI QUY:
  • Mọi bình luận sai điều khoản sử dụng 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 phản hồ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.

Hãy cùng tham gia bình luận về bài viết này nhé!

  1. Cảm ơn anh vì đã chia sẻ thủ thuật này, rất hữu ích!
    Có tìm thử trên mạng nhưng thấy rất lằng nhằng vì phải chèn thêm CSS, Javascript các kiểu. Với dòng code ngắn gọn của anh thì thật sự video đã hoàn toàn tối ưu và đẹp.

    P/S: Anh có thể chia sẻ về template www.admin.toilaquantri .com của anh không ạ? Em thấy nó giống Portfolio cho dân Designer :-?

    Trả lờiXóa