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

เล่นไฟล์วิดีโอจากฮาร์ดดิสก์ (Local) ด้วยแท็ก video ใน HTML5

ใช้ <input type="file"> ให้ผู้ใช้เลือกไฟล์ แล้วสร้าง Object URL ชี้ไปที่ไฟล์นั้น

ขั้นตอน:

  1. change event: ยิงเมื่อผู้ใช้เลือกไฟล์
  2. File object: เข้าถึงผ่าน input.files[0]
  3. Object URL: ใช้ URL.createObjectURL(file) สร้าง URL ชั่วคราว
  4. Set video.src: กำหนด Object URL ให้ video element

รองรับรูปแบบ: MP4, WebM, Ogg