Có lẽ cách chèn Video từ Youtube vào blog, website đã quá quen thuộc với các bạn rùi đúng không? Có nhiều bạn không biết làm thế nào cho nó ...
Sau khi bạn truy cập vào trang Youtube => vào kênh và chọn được video ưng ý, ta tiến hành lấy mã và tùy chỉnh video. Để lấy mã video, bạn thực hiện tuần tự theo 3 bước trên hình:
Bước 1 - Nhấp chuột vào Chia sẻ
Bước 2 - Nhấp chuột vào Nhúng
Bước 3 - Sao chép mã video
Khi đã có mã, bạn có thể chèn video Youtube vào website theo các chế độ dưới đây:
1. Video bình thường (không tự động chạy)
Bạn chèn mã video ở khung trên vào website, video sẽ không tự động chạy:2. Video bắt đầu chạy từ giây thứ 15
Nếu bạn muốn video tự động chạy sau 15 giây hoặc nhiều hơn, chỉ cần thêm mã &start=15 (hoặc bất cứ số giây nào bạn muốn) vào cuối URL trong mã nhúng
<iframe width="420" height="315" src="https://www.youtube.com/embed/OxhRlMKEnMI?&start=15 " frameborder="0" allowfullscreen></iframe>
Kết quả:
Nếu bạn muốn video tự động chạy, chỉ cần thêm mã autoplay=1 vào cuối URL trong mã nhúng, sau khi thay vào ta được code dưới đây:
<iframe width="420" height="315" src="https://www.youtube.com/embed/OxhRlMKEnMI?autoplay=1" frameborder="0" allowfullscreen></iframe>
Kết quả: ( Vì Blogspot tự động bật auto khi vào trang chủ làm phiền khách nên mình tắt đi auto - Bạn có thể sang Demo Auto Video Youtube để xem auto )
4. Tắt video liên quan sau khi kết thúc video
Mặc định, sau khi kết thúc phát video youtube sẽ liệt kê 1 số video liên quan, và đôi khi khiến người dùng khó chịu. Để không liệt kê danh sách video này, bạn chỉ cần thêm &rel=0 vào cuối URL trong mã nhúng, khi đó clip sẽ trở nên "sạch" hơn.
<iframe width="420" height="315" src="https://www.youtube.com/embed/OxhRlMKEnMI?rel=0" frameborder="0" allowfullscreen></iframe>
Kết quả:
5. Tự động chạy lại video sau khi kết thúc
Nếu bạn muốn video sẽ tự động chạy lại (replay) sau khi kết thúc, chỉ cần thêm mã &loop=1 vào cuối URL trong mã nhúng.
<iframe width="420" height="315" src="https://www.youtube.com/embed/OxhRlMKEnMI&loop=1" frameborder="0" allowfullscreen></iframe>
Kết quả: