Thực thi script khi dữ liệu media đã tải (onloadeddata) trong HTML?

Sự kiện onloadeddata kích hoạt khi khung dữ liệu đầu tiên của video/audio đã được tải (metadata và một frame đầu). Dùng để biết media đã sẵn sàng phát khung đầu tiên.

Ví dụ

<!DOCTYPE html>
<html>
  <body>
    <video controls onloadeddata="display()">
      <source src="/html5/foo.ogg" type="video/ogg" />
      <source src="/html5/foo.mp4" type="video/mp4" />
      Trình duyệt không hỗ trợ video.
    </video>
    <script>
      function display() {
        alert("Đã tải khung đầu tiên!");
      }
    </script>
  </body>
</html>

Các sự kiện media liên quan (theo thứ tự)

Lưu ý

• Dùng onloadedmetadata nếu chỉ cần kích thước/duration.
• Dùng oncanplaythrough nếu muốn phát liên tục không giật.