Nhúng video Youtube vào Blogspot có kèm hình ảnh (hình hiển thị bên ngoài)

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 đó.

ảnh minh hoạ

• Khi bạn được chia sẻ 1 video trên Youtube nó sẽ có dạng:

<iframe allowfullscreen="allowfullscreen" frameborder="0" height="420" src="http://www.youtube.com/embed/2LJqKVIoX2c" width="550"></iframe> 

•   code hình của chúng ta sẽ có dạng: 

<img border="0" src="http://i2.ytimg.com/vi/2LJqKVIoX2c/0.jpg" height="0" width="0" />

•  các ký tự màu hồng  2LJqKVIoX2c  sẽ được thêm vào sẽ được lấy từ link youtube có dạng như sau:

https://www.youtube.com/watch?v=2LJqKVIoX2c.

• các ký tự màu xanh 2LJqKVIoX2c  chính là có ký tự của chúng ta copy và thế vào những vị trí được đánh dấu màu hồng.

• Chúng ta được như sau:

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

Chú ý: khi soạn tạo bài viết nhớ chuyển sang kiểu HTML để ván code vào (có 2 dang: dạng Viết và dang HTML)

code demo:

demo:


      link1: http://www.mediafire.com/download/0vhv9hy07lkpye0/demo_lb.zip


      link2: https://www.dropbox.com/s/7nkphwwdsws1tb0/demo_lb.zip