Tạo khung nhúng video từ Youtube cho blogger
Cách tiến hành!
1- Tạo một bài đăng
2- Check vào phần HTML và dán code bên dưới vào.
<div style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbEbuNFmVFQUMShazRsh3EdqGDrLvuizP3SkiHLknhWdSFJn1TA6T1bt_de4dqxo9bwnV1tnGYbXaP7vmTFZQufQVRJeHABRkh48DPazZy1QNGILx8rMwwYfA9cjn7VduI-8KILK3L3Lw/s1600/frame-youtobe-namkna-blogspot-com-1.png") no-repeat scroll left top transparent; height: 364px; margin: 0px auto; padding: 19px 0px 0px 22px; text-align: left; width: 532px;"> <iframe width="500" height="300" src="http://www.youtube.com/embed/NB7NETne1rM?rel=0" frameborder="0" allowfullscreen></iframe></div>
Trong đó: Link màu xanh là link khung ảnh nền. Phần chữ màu đỏ là mã nhúng video từ youtube. Nếu chưa biết lấy mã nhúng hãy xem bài viết này
Lưu ý: Các khung nền có độ rộng thích hợp với video là 300 và 500 do vậy hãy chỉnh lại width và height trong phần mã nhúng lại bằng width="500" height="300"
Bạn có thể tham khảo thêm về ý nghĩa các thuộc tính trong mã nhúng Iframe trong bài Ẩn link trỏ đến Youtube trong video chèn vào Blog
Ví dụ: Khi ta lấy được một mã nhúng của một Youtube như sau:
<iframe width="500" height="300" src="https://www.youtube.com/embed/hoO0oXw2ue0" frameborder="0" allowfullscreen></iframe>
Khi thay vào Code phần trên theo hướng dẫn, ta sẽ được như Khung Video như sau:
Nguồn tham khảo từ Terocket.
Thật ra còn rất nhiều dạng khung giúp bạn có thể thay vào trên để thay đổi hình dáng như ý muốn. Bạn có thể tự tìm kiếm và thay vào được rồi đó. Chúc các bạn thành công.
Khanhnguyen' s blog
