Không bỏ lỡ khung hình - Sử dụng API Chế độ hiển thị trang + Video HTML5

Bạn có thể dùng Page Visibility API để kiểm tra xem thẻ hiện tại có xuất hiện hay không. Sam Dutton đã tổng hợp một bản minh hoạ hay và nhấn mạnh một trường hợp sử dụng tuyệt vời cho API này: tạm dừng video HTML5 đang phát nếu người dùng chuyển đổi thẻ.

Bản minh hoạ

Bản minh hoạ yêu cầu Chrome 13 trở lên nhưng có thể được điều chỉnh để hoạt động với IE10 sắp tới, bao gồm hỗ trợ cho API Chế độ hiển thị trang.