Cara Mengatasi Html5 Video File Not Found

4 min read Jun 27, 2024
Cara Mengatasi Html5 Video File Not Found

Cara Mengatasi HTML5 Video File Not Found

Apakah Anda pernah mengalami masalah ketika ingin menampilkan video HTML5 di website Anda, tetapi malah muncul pesan error "File Not Found"? Jika iya, maka artikel ini adalah solusi yang tepat untuk Anda. Berikut ini adalah beberapa cara untuk mengatasi masalah HTML5 video file not found.

Cek Path Video yang Benar

Salah satu penyebab umum dari masalah ini adalah path video yang salah. Pastikan Anda telah menulis path video dengan benar. Jika Anda menggunakan tag <video> seperti berikut:


Pastikan bahwa file video Anda berada di lokasi yang sama dengan file HTML. Jika file video Anda berada di folder lain, maka Anda perlu menulis path yang benar. Contoh:


Cek Ekstensi File

Pastikan bahwa ekstensi file video Anda benar. HTML5 mendukung beberapa ekstensi file video seperti MP4, WebM, dan Ogg. Jika Anda menggunakan ekstensi file yang tidak didukung, maka video tidak akan dapat diputar. Contoh:


Cek Konfigurasi Server

Jika Anda menggunakan server Apache, maka Anda perlu menambahkan konfigurasi MIME type untuk file video. Anda dapat menambahkan konfigurasi berikut di file .htaccess:

AddType video/mp4 .mp4
AddType video/webm .webm
AddType video/ogg .ogv

Cek Kesalahan Penulisan Kode

Pastikan bahwa Anda telah menulis kode HTML dengan benar. Jika Anda menggunakan tag <video> dengan atribut src, maka Anda perlu menulis path video dengan benar. Contoh:


Namun, cara tersebut tidak direkomendasikan karena tidak mendukung multiple source file. Lebih baik menggunakan tag <source> seperti contoh di atas.

Gunakan Tools Debug

Jika Anda masih mengalami masalah, maka Anda dapat menggunakan tools debug seperti Developer Tools di browser Anda. Tools ini dapat membantu Anda mengetahui penyebab masalah dan menampilkan error message yang lebih detail.

Dengan mengikuti cara-cara di atas, Anda dapat mengatasi masalah HTML5 video file not found dan membuat video Anda dapat diputar dengan lancar.