<video> टैग से लोकल वीडियो फाइल चलाने की प्रक्रिया:
- इनपुट एलिमेंट से फाइल चुनें:
<input type="file" accept="video/*"> - change इवेंट फायर होता है जब यूज़र फाइल चुनता है।
- File ऑब्जेक्ट प्राप्त करें:
input.files[0] - ऑब्जेक्ट URL बनाएं:
URL.createObjectURL(file) - वीडियो src सेट करें:
video.src = objectURL
const input = document.querySelector('input[type="file"]');
const video = document.querySelector('video');
input.addEventListener('change', () => {
const file = input.files[0];
if (file) {
video.src = URL.createObjectURL(file);
}
});
सफाई: उपयोग के बाद URL.revokeObjectURL() कॉल करें।