Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

รันสคริปต์เมื่อเบราว์เซอร์ดึงข้อมูลสื่อไม่ได้ใน HTML

ใช้แอตทริบิวต์ onstalled ใน HTML เพื่อรันสคริปต์เมื่อเบราว์เซอร์ดึงข้อมูลสื่อ (media data) ไม่ได้ ไม่ว่าจะเป็นเหตุผลใดก็ตาม

แอตทริบิวต์ onstalled ใช้ได้กับองค์ประกอบต่อไปนี้:

<video> <audio>

รูปแบบสำหรับ <video>:

<video onstalled="script">

รูปแบบสำหรับ <audio>:

<audio onstalled="script">

ตัวอย่าง

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ onstalled:

<!DOCTYPE HTML> 
<html> 
  <body> 
    <video width="300" height="200" controls onstalled="display()"> 
      <source src="/html5/foo.ogg" type="video/ogg" /> 
      <source src="/html5/foo.mp4" type="video/mp4" /> 
      เบราว์เซอร์ของคุณไม่รองรับองค์ประกอบวิดีโอ 
    </video> 
    <script> 
      function display() { 
        alert("ขออภัย! วิดีโอไม่พร้อมใช้งานขณะนี้!"); 
      } 
    </script> 
  </body> 
</html>

เหตุการณ์ error ที่เกี่ยวข้อง:

  • onerror - เกิดข้อผิดพลาดทั่วไป
  • onstalled - พยายามดึงข้อมูลแต่ไม่ได้ (network issue, timeout)
  • onsuspend - หยุดดึงข้อมูลโดยเจตนา (เช่นผู้ใช้ pause)
  • onabort - ยกเลิกการโหลด (ไม่ใช่ error)

เหมาะสำหรับ: แสดงข้อความข้อผิดพลาด, เปลี่ยน source สำรอง, logging analytics