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(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidALu8J1yxQ6WWyG1GJqmzNHLckBdY4gb9WAKYhyphenhyphentK9S-20y2OxXwkQjZu7TWsHeFOt-_EjaUR-j9C64SkDahTSrHFKEyvrKnZQ6no8oOD0C9wYZy-NdvBtXApQHPkeRjPQbRDuDKrt_A/s1600/frame-youtobe-namkna-blogspot-com-1.png&quot;) 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 tư liệu 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 Source Code để 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

Socializer Widget by Nguyen D. Khanh

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →

Các bạn có thể tham khảo thêm nhiều kiến thức từ các bài viết mà mình đã SEO bằng các Từ khóa bên dưới bài đăng nầy để tìm hiểu thêm về các khái niệm và ứng dụng có liên quan nhé..