เหตุการณ์ oncanplay

เหตุการณ์ DOM วัตถุ Event

คำนิยามและวิธีใช้

เหตุการณ์ oncanplay จะเกิดขึ้นเมื่อเบราวเซอร์สามารถเริ่มเล่นแสงเสียง/วิดีโอที่กำหนดไว้ได้ (เมื่อมีการโหลดครบที่พึงประสงค์เพื่อเริ่มเล่น)

ในขณะที่กำลังโหลดแฟ้มแสดงของแสงเสียง/วิดีโอ จะมีเหตุการณ์ที่เกิดขึ้นตามลำดับดังนี้:

  1. onloadstart
  2. ondurationchange
  3. onloadedmetadata
  4. onloadeddata
  5. onprogress
  6. oncanplay
  7. oncanplaythrough

ตัวอย่าง

ตัวอย่าง 1

ปฏิบัติการ JavaScript ตอนวิดีโอเตรียมพร้อมเริ่มเล่น

<video oncanplay="myFunction()">

ลองด้วยตัวเอง

ตัวอย่าง 2

ปฏิบัติการ JavaScript ตอนเสียงเตรียมพร้อมเริ่มเล่น

<audio oncanplay="myFunction()">

ลองด้วยตัวเอง

ภาษาบวก

ใน HTML:

<element oncanplay="myScript">

ลองด้วยตัวเอง

ใน JavaScript:

object.oncanplay = function(){myScript};

ลองด้วยตัวเอง

ใน JavaScript ใช้วิธี addEventListener():

object.addEventListener("canplay", myScript);

ลองด้วยตัวเอง

หมายเหตุ:Internet Explorer 8 หรือตัวเวอร์ชันเก่ากว่าไม่สนับสนุน วิธีการ addEventListener().

รายละเอียดเทคนิค

การกระจาย: ไม่สนับสนุน
ยกเลิกได้: ไม่สนับสนุน
ชนิดเหตุการณ์: เหตุการณ์
ตามแบบ HTML ที่สนับสนุน: <audio> และ <video>
เวอร์ชัน DOM: เหตุการณ์ระดับ 3

การสนับสนุนของเบราวเซอร์

ตัวเลขในตารางบอกว่าบราวเซอร์แรกที่สนับสนุนเหตุการณ์นี้อย่างเต็มที่

เหตุการณ์ Chrome IE Firefox Safari Opera
oncanplay สนับสนุน 9.0 สนับสนุน สนับสนุน สนับสนุน
เหตุการณ์ DOM วัตถุ Event