Thứ Sáu, 2 tháng 8, 2013

Thêm hình nền cho video youtube trên blogspot

Nguồn: @ NASS

Khi bạn muốn chia sẻ một đoạn video từ YouTube nhưng khi chúng ta embeed youtube video trong blogger nó ít được chú ý vì đã quá quen thuộc, chính vì thế tại sao ta không gắn cho nó một hình nền để làm cho nó đặc biệt hơn. Bằng cách thêm một đoạn mã đơn giản nó có thể đưa đến cho độc giả một cái nhìn khác về video YouTube trên blog của bạn. Vì vậy, nếu bạn muốn thêm hình nền thú vị cho youtube video của bạn trong bài viết vui lòng làm theo các bước hướng dẫn sau đây




Live Demo




Cách thực hiện


Để thêm hình nền cho video bạn viết bài ở chế độ HTML và sử dụng cấu trúc sau



<div style="background: url(&quot;http://3.bp.blogspot.com/-2P1rb9qXBQ4/URRQ6zgmBLI/AAAAAAAAKpE/nJEc5wGW2dA/s1600/troll-frame.png &quot;) no-repeat scroll left top transparent; height: 364px; margin: 0px auto; padding: 19px 0px 0px 22px; text-align: left; width: 532px;">

<iframe allowfullscreen="" frameborder="0" height="300" src="http://www.youtube.com/embed/b8j429UdkzQ" width="500"></iframe></div>

Thay thế b8j429UdkzQ thành ID video của bạn

Dòng được tô màu đỏ là ảnh nền, bạn có thể thay thế hình nền bằng một trong số các hình bên dưới bài viết

Cách lấy ID video


Video trên youtube thường có dạng

http://www.youtube.com/watch?v=b8j429UdkzQ

http://youtu.be/b8j429UdkzQ

Phần được tô màu vàng chính là ID của video trên youtube

Một số mẫu cho bạn chọn lựa


















Đăng ký: Viet Blogs

Nguồn tin

Nguồn Tin Mới