Chèn Video Youtobe Với Chế Độ Auto Play

   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:
             
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


hoangdinh

About hoangdinh

Author Description here.. Nulla sagittis convallis. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo.

Subscribe to this Blog via Email :