Thứ Năm, 22 tháng 12, 2016

Chèn video từ Youtube vào Blog trong khung Laptop kết hợp với Responsive

Chèn video từ Youtube vào Blog trong khung Laptop kết hợp với Responsive


nhung video youtube vao blog
Chắc hẳn các bạn làm blog hay web đều đã bết nhiều thủ thuật hay cho blog và trong đó là nhúng video từ youtube vào blog hay website của bạn theo cách thông thường là lấy Mã nhúng cuả Youtube copy vào HTML của bài viết .Nhưng làm theo cách  đó thì nhìn video khá đơn điệu và nó không có chức năng Responsive (tương thích với các kích cỡ màn hình khác nhau ) Điều đó khiến cho người sử dụng thấy rất khó chịu khi một video tương thích với màn hình máy tính khí hiển thị trên điện thoại sẽ bị khuất hình .Hôm nay mình sẽ giới thiệu với các bạn một cách chèn video vào blogsport vừa đẹp lại vừa có chức năng Responsive .


Xem Thêm :



Chúng ta hãy cùng bắt đầu nhé :

Bước 1 : Các bạn vào Blog >> Mẫu >>Chỉnh sửa HTML >> Ctrl F  tìm thẻ </b:skin> .Sau đó dán đoạn code phía dưới đây vào trên thẻ </b:skin> và Lưu Mẫu



Bước 2 : Nhúng video của bạn từ Youtube cào Blog bằng code dưới đây :


Thay id : 6bnUdWKrfd4 bằng Id video của bạn nhé < Id này trong bước 2 >
Các bạn có thể thay đổi kích thước khung tùy ý của bạn ,khi đổi kích thước của khung thì bạn cũng phải đổi kích thước cảu video sao cho phù hợp và khớp với khung nhé

Như thế là xong rồi đấy .
Các bạn thấy khung hình này thế nào rất đẹp phải không .
Thấy hay thì hãy share cho mọi người nhé
Có thắc mắc gì bạn hãy để lại comment nhé
Chúc cá bạn thành công.

Demo cho các bạn :






Written by

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.

0 nhận xét:

Đăng nhận xét

© 2013 IT hay. All rights resevered. Designed by Templateism