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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2MQVTEox7dqaVFaTcUe7RjTwHbaEw_bigEPN90QUO5lIsU2AXPFr0fW2pqhXzd_1wE5YIgIaXn493XPLN_-wdCYI71DX-mFIZVnGhEQ04e1srFsEqquUnKQuDFCs0XY_-nWlkkygU81uh/s1600/troll-frame.png") no-repeat scroll left top transparent; height: 364px; margin: 0px auto; padding: 19px 0px 0px 22px; text-align: left; width: 532px;">Thay thế b8j429UdkzQ thành ID video của bạn
<iframe allowfullscreen="" frameborder="0" height="300" src="http://www.youtube.com/embed/b8j429UdkzQ" width="500"></iframe></div>
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ạnghttp://www.youtube.com/watch?v=b8j429UdkzQPhần được tô màu vàng chính là ID của video trên youtube
http://youtu.be/b8j429UdkzQ
5 comments
Bạn chèn đoạn code dưới sau thẻ ]]></b:skin>
.youtube{
background: url("http://3.bp.blogspot.com/-ObKmF03FZ74/URRVLqYHoRI/AAAAAAAAKpo/o0_VAvkNN6o/s1600/tvl-frame.png") no-repeat scroll left top transparent;
height: 364px;
margin: 0px auto;
padding: 19px 0px 0px 22px;
text-align: left;
width: 532px;
}
Từ giờ bạn chỉ việc đưa video vào trong thẻ <div class="youtube">Code video youtube</div>
Tuy nhiên để hiển thị đẹp nhất bạn cũng phải tùy chỉnh cho kích cỡ video là 500x300. Ví dụ
<div class="youtube"><iframe allowfullscreen="" frameborder="0" height="300" src="link video youtube" width="500"></iframe></div>
Cảm ơn bạn đã ghé thăm Troll VL !
Insert Emoticons» Tạm thời ngăn không cho comment với chế độ ẩn danh vì có một số bạn không có thành ý cố tình spam. Mong các bạn thông cảm!
» Bạn nên viết bằng Tiếng Việt có dấu để mọi người dễ đọc, dễ bình luận
» Để liên hệ,góp ý và đóng góp bài viết bạn click vào đây
Sử dụng các thẻ sau cho comments
» Chèn nội dung vào blockquote <b rel="quote">Nội dung blockquote</b>
» Chèn nội dung vào note <em rel="note">Nội dung note</em>
» Chèn code vào khung pre <i rel="pre">Nội dung code</i>
» Chèn hình ảnh <i rel="image">Link hình ảnh</i>
» Chèn video từ youtube [youtube]link video[/youtube]
» Chèn link <i rel="anchor">Link</i>
Mã Hóa Code Tạo và xem trước comments Cancel Reply
&
Convert
'
Convert
"
Convert
<
Convert
>