2013-01-14 44 views
20

से एक वीडियो प्रदर्शित करें मैं HTML5 वीडियो टैग में जावास्क्रिप्ट ब्लॉब/फ़ाइल ऑब्जेक्ट से एक वीडियो प्रदर्शित करना चाहता हूं।ब्लॉब जावास्क्रिप्ट

इस कोड को केवल छोटे वीडियो के लिए काम करता है:

var reader = new FileReader(); 
reader.onload = function(e) { 
    document.getElementById("video").src=reader.result; 
} 
reader.readAsDataURL(vid); 

मैं बड़ा वीडियो (> 10 एमबी) के लिए इसका उपयोग नहीं कर सकते। क्या एचटीएमएल 5 में ब्लॉब ऑब्जेक्ट से एक बड़ा वीडियो प्रदर्शित करने का कोई समाधान है?

+0

क्या आप इस मुद्दे पर अधिक जानकारी प्रदान कर सकते हैं? –

+0

उदाहरण के लिए, जब उन्होंने 15 एमबी वीडियो पढ़ने की कोशिश की तो क्रोम और फ़ायरफ़ॉक्स बंद हो गया। मुझे लगता है कि यह वीडियो आकार के कारण है। ब्राउज़र HTML कोड में 15 एमबी स्ट्रिंग को पढ़ और प्रदर्शित नहीं कर सकते हैं। –

उत्तर

32

मुझे मिला है। यह इतना आसान था कि मैंने इसे भी नहीं देखा ...

function display(vid){ 

    var video = document.getElementById("video"); 
    video.src = window.URL.createObjectURL(vid); 

} 
+7

... और यहां एक डेमो है: https://simpl.info/video/offline –

+2

'vid' पैरामीटर किस प्रकार का है? –

+1

@HubertGrzeskowiak यह एक ब्लॉब या फ़ाइल ऑब्जेक्ट –