Cảm nhận tư duy và tổng hợp kiến thức

Thứ Bảy, 24 tháng 9, 2016

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 widthheight 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 →
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é.

Share:
LIKE and Share this article: :

0 Comments:

Đăng nhận xét

More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa



Thống kê Blogspot

Bài có thể xem

Mời tham gia CLB

 
Câu Lạc Bộ Kết bạn & Chia sẻ thông tin
Nhóm Công khai · 1.614 thành viên
Tham gia nhóm
Mục đích phát triển của Câu lạc bộ: - Cảm nhận tư duy và tổng hợp kiến thức.Cùng nhau Kết bạn và chia sẽ những gì tốt đẹp . - Giúp nhau chia sẽ thươn...
 
 
BACK TO TOP