Trong bài viết này tôi sẽ giải thích với các bạn cách tùy chỉnh trình chạy video của Youtube thông qua các tham số mà họ cung cấp cho người dùng.
Ngày nay thì mọi người thường hay sử dụng thẻ iframe để hiển thị video, điều này cũng góp phần cải thiện khả năng duyệt web của người dùng. Bạn có thể dừng việc hiển thị các video liên quan bằng tham số rel cũng như gỡ bỏ logo của youtube bằng tham số modestbranding. Tôi hy vọng bài viết này sẽ giúp cho bạn làm phong phú trang web của mình.
autoplay
Bạn có thể set tự động chạy video bằng cách sử dụng giá trị:
0 -> Giá trị mặc định, không tự chạy video
1 -> Tự động chơi video
1 | <iframe src="https://www.youtube.com/embed/HIsKF943vTk?autoplay=1" frameborder="0" allowfullscreen width="570" height="315" ></iframe> |
Rel
Sử dụng thuộc tính này khi bạn không muốn hiển thị video liên quan đến video đang chạy. Nhận giá trị 0 and 1(mặc định)
1 | <iframe src="https://www.youtube.com/embed/HIsKF943vTk?rel=0" frameborder="0" allowfullscreen width="570" height="315" ></iframe> |
showinfo
Hiển thị thông tin người upload video
1-> Trước khi video được chạy, sẽ xuất hiện thông tin người upload
0-> Không hiển thị bất cứ thông tin nào.
1 | <iframe src="https://www.youtube.com/embed/HIsKF943vTk?showinfo=0" frameborder="0" allowfullscreen width="570" height="315" ></iframe> |
controls
0-> Load trực tiếp và không hiển thị các nút điều khiển
1-> Hiển thị bình thường (mặc định)
2-> Các nút điều khiển được hiển thị và trình chơi nhạc sẽ chỉ load một lần cho người sử dụng
1 | <iframe src="https://www.youtube.com/embed/HIsKF943vTk?controls=0" frameborder="0" allowfullscreen width="570" height="315" ></iframe> |
modestbranding
1->Không cho phép Youtube hiển thị logo
0->(mặc định)
1 | <iframe src="https://www.youtube.com/embed/HIsKF943vTk?modestbranding=1" frameborder="0" allowfullscreen width="570" height="315" ></iframe> |
Color
Màu đỏ(mặc định) & trắng—có thể thay đổi màu của thanh thời gian sang đỏ hoặc trắng
Chú ý: Có thể tùy chọn màu trắng có thể bị tắt nếu có sử dụng tham số modestbranding
cc_load_policy
1-> Tắt chú thích được hiển thị mặc định
0-> Giá trị mặc định
1 | <iframe src="https://www.youtube.com/embed/HIsKF943vTk?cc_load_policy=1" frameborder="0" allowfullscreen width="570" height="315" ></iframe> |
disablekb
1-> Cho phép nhận phản hồi các sự kiện từ bàn phím
0-> Tắt tinh năng nhận phản hồi(mặc định)
1 | <iframe src="https://www.youtube.com/embed/HIsKF943vTk?disablekb=1" frameborder="0" allowfullscreen width="570" height="315" ></iframe> |
iv_load_policy
1-> Annotations của video sẽ được hiển thị(default)
3-> Annotations của video sẽ bị cấm
1 | <iframe src="https://www.youtube.com/embed/HIsKF943vTk?iv_load_policy=3" frameborder="0" allowfullscreen width="570" height="315" ></iframe> |
end
Xác định thời gian trong vài giây, khi ngừng chơi video từ đầu của video (luôn từ đầu của video)
1 | <iframe src="https://www.youtube.com/embed/HIsKF943vTk?end=10" frameborder="0" allowfullscreen width="570" height="315" ></iframe> |
fs – full screen
0-> Không hiển thị nút phóng to toàn màn hình
1-> Hiển thị nút phóng to màn hình(default)
1 | <iframe src="https://www.youtube.com/embed/HIsKF943vTk?fs=0" frameborder="0" allowfullscreen width="570" height="315" ></iframe> |
loop
1->Có cho lặp lại video sau khi kết thúc hay không
0->(default)
1 | <iframe src="https://www.youtube.com/embed/HIsKF943vTk?fs=0" frameborder="0" allowfullscreen width="570" height="315" ></iframe> |
Trên đây là một phần các tham số bạn có thể truyền vào trong link mã nhúng của Youtube. Ngoài ra bạn có thể kết hợp nhiều loại tham số để đạt mục đích của mình.
Chúc bạn có một website đẹp!
You must log in to post a comment.