Cách nhúng video Youtube vào Blogspot có kèm hình ảnh (Thumnail)

Có nhiều bạn thắc mắc là vì sao khi nhúng source youtube về thì lại không thấy hình đại diện của video đó trên trang chủ blog của mình .

Cách nhúng video Youtube vào Blogspot có kèm hình ảnh (Thumnail)

6 10 99
Cách nhúng video Youtube vào Blogspot có kèm hình ảnh (Thumnail) 10 6 99

Có nhiều bạn thắc mắc là vì sao khi nhúng source youtube về thì lại không thấy hình đại diện của video đó trên trang chủ blog của mình .

Bài viết sau đây mình xin hướng dẫn cách làm cực kì đơn giản
Khi bạn muốn nhúng một video trên youtube vào blog mình, thì mặc định cái code Youtube chia sẻ cho bạn sẽ không hiển thị hình ở phía ngoài video, mà chỉ có một màu đen và cái nút để play. Bài viết này sẽ hướng dẫn bạn cách chèn cái hình phía ngoài video đó.
Hình ảnh minh họa.

Khi bạn được chia sẻ 1 video trên Youtube nó sẽ có dạng
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/gnnlYYJaUtE" width="420"></iframe>

Nhưng khi bạn nhúng vào Blog sẽ không hiện ra hình ảnh đại diện bên ngoài, khiến cho người khác không thể biết trước 1 chút thông tin về video, và cũng làm cho blog của bạn trở nên xấu xí, thô thiển. Vậy phải làm để có thể hiển thị thêm 1 cái hình bên ngoài. Rất dễ, bạn chỉ cần thêm vào đoạn code dưới vào phía sau cái code được youtube chia sẻ.
<img border="0" src="http://i2.ytimg.com/vi/gnnlYYJaUtE/0.jpg" height="0" width="0" />

Các bạn phải lấy cái chữ gnnlYYJaUtE ở trên link được chia sẻ trên youtube, dán nó vào cái code img bên dưới. Và cuối cùng ta có 1 đoạn code hoàn chỉnh .

<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/gnnlYYJaUtE" width="420"></iframe><img border="0" src="http://i2.ytimg.com/vi/gnnlYYJaUtE/0.jpg" height="0" width="0" />


Bạn dán đoạn code hoàn chỉnh này vào bài đăng của mình .
Thế là xong . Cực kỳ đơn giản phải không ?

0 comments :

Post a Comment

Khoảnh Khắc Cuộc Sống © 2013. All Rights Reserved. Design by Blogger Trí Bun - Blogger
Top