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ó tự động chạy ( Auto Play), vì vậy Thông Tin Nhanh sẽ hướng dẫn bạn.
Sau khi bạn truy cập vào trang Youtube 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.
<iframe width="560" height="315" src="https://www.youtube.com/embed/gfl7lkyoSag?autoplay=0" frameborder="0" allowfullscreen></iframe>
Ví Dụ:
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="560" height="315" src="https://www.youtube.com/embed/gfl7lkyoSag?&start=15" frameborder="0" allowfullscreen></iframe>
Kết Quả:
3. Video ở chế độ Auto Play ( tự động chạy)
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:
Nguồn: vnthongtin
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="560" height="315"src="https://www.youtube.com/embed/F82DNOe3ARA?autoplay=1" 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="560" height="315"src="https://www.youtube.com/embed/F82DNOe3ARA?&loop=1" frameborder="0" allowfullscreen></iframe>
Kết Quả
Nguồn: vnthongtin
ConversionConversion EmoticonEmoticon