Hướng dẫn cách nhúng video Youtube vào Blogspot có kèm hình ảnh

Chào các bạn! 
Thông thường khi bạn muốn nhúng một đoạn video trên youtube vào blog của 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 làm cho bài viết không đẹp mắt. Nhưng làm thế nào để khắc phục điều đó.Bài viết hôm nay mình sẽ hướng dẫn các bạn cách nhúng video Youtube vào Blogspot có kèm hình ảnh. Mời các bạn cùng thực hiện theo các bước sau nhé!
ớc 1: Trước tiên các bạn coppy đoạn mã nhúng Video trên Youtube như hình dưới
Cụ thể tôi đã coppy mã nhúng của 1 đoạn video trên youtube phía dưới
<iframe width="560" height="315" src="//www.youtube.com/embed/T2OrR5ePtqU" frameborder="0" allowfullscreen></iframe>

Bước 2: Các bạn coppy đoạn code dưới đây và dán vào sau  mã nhúng đoạn video trên youtube

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

 Lúc này ta được đoạn code đầy đủ là:

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

Trong đoạn code trên, các bạn hãy chú ý những phần mình in đậm, màu đỏ. Những phần này rất quan trọng, nó chính là Id của video. Phần này để phân biệt giữa các video do vậy nếu bạn điền phần này sai có thể nó sẽ lấy hình ảnh thumbnail của video khác để làm ảnh đại diện đó nên 2 phần này phải giống nhau.
Chúc các bạn thành công!

1 comment:

Copyright © 2013 Mr Sum