जावास्क्रिप्ट में एचटीएमएल 5 वीडियो में स्रोत जोड़ना?

Question

मैं एचटीएमएल 5 वीडियो के लिए निम्नलिखित कोड चला रहा हूं।

var media; 
function videotr(){ 
    media = document.createElement('video'); 
    media.preload = true; 
    media.id = 'it'; 
    document.getElementById('crop').appendChild(media) 
    return media; 
}     
var div = document.getElementById('crop'); 
$(div).empty(); 
this.image = new videotr(); 
this.image.src = args.src; 

हालांकि, मैं संगतता के लिए कई स्रोतों को लागू करना चाहता हूं। जावा स्क्रिप्ट के माध्यम से कई स्रोतों में कैसे जोड़ सकते हैं? मैं इसे सही तरीके से करना चाहता हूं, आंतरिक HTML के माध्यम से नहीं।

Answer 1

एक नया source तत्व बनाएँ और video तत्व से संलग्न:

function addSourceToVideo(element, src, type) { 
    var source = document.createElement('source'); 

    source.src = src; 
    source.type = type; 

    element.appendChild(source); 
} 

var video = document.createElement('video'); 

document.body.appendChild(video); 

addSourceToVideo(video, 'http://upload.wikimedia.org/wikipedia/commons/7/79/Big_Buck_Bunny_small.ogv', 'video/ogg'); 

video.play(); 

यहाँ इसके लिए एक fiddle है।