मैं एक HTML5 वीडियो कार्यान्वयन पर काम कर रहा हूं, लेकिन मुझे कुछ समस्याएँ हो रही हैं। मैं मार्गदर्शक का अनुसरण कर रहा हूं http://diveintohtml5.info/video.html। मैंने एन्कोड किया है .m4v, .ogv, और।सभी वीडियो के वेब संस्करण। क्रोम और फ़ायरफ़ॉक्स को वीडियो चलाने में कोई परेशानी नहीं है। जब मैं इसे सफारी में चलाने का प्रयास करता हूं, तो यह वीडियो कंटेनर को लोड करता है, लेकिन वीडियो को नहीं। आपको एक सफेद स्थान दिखाई देता है जहां वीडियो होना चाहिए, नियंत्रण और "लोडिंग" पाठ। वेब इंस्पेक्टर के नेटवर्क टैब में, वीडियो की स्थिति "लंबित" है और माइम-प्रकार "अपरिभाषित" है। दिलचस्प बात यह है कि मैं केवल स्टेजिंग साइट पर इस समस्या का अनुभव करता हूं, जबकि यह मेरे स्थानीय देव पर ठीक काम करता है।
जब मैं स्थानीय देव पर सीधे ब्राउज़र में वीडियो का दौरा करता हूं, तो मुझे कंसोल में निम्नलिखित आउटपुट मिलते हैं:
Resource interpreted as Document but transferred with MIME type video/x-m4v.
GET http://site.dev/content/videos/movie.m4v Plug-in handled load
ध्यान दें कि GET में इंस्पेक्टर में बाईं ओर थोड़ा लाल x है।
मेरा HTML कोड ऐसा दिखता है:
<video class="html5-video" width="700" controls>
<source src="content/videos/movie.m4v" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2"" />
<source src="content/videos/movie.webm" type="video/webm; codecs="vp8, vorbis"" />
<source src="content/videos/movie.ogv" type="video/ogg; codecs="theora, vorbis"" />
Your browser does not support this video.
</video>
इसके अतिरिक्त, वीडियो ~ 20mb है।
कोई विचार? धन्यवाद!
उत्तर:
उत्तर № 1 के लिए 4कुंआ...यह पता चला है कि समस्या इसलिए हुई क्योंकि मैं निर्देशिका की सुरक्षा के लिए .htaccess का उपयोग कर रहा था। दिलचस्प है, सफारी को छोड़कर सभी ब्राउज़र वीडियो फ़ाइलों तक पहुंच की अनुमति देंगे। मदद करने वालों का शुक्रिया!
जवाब के लिए 0 № 2
Mp4 को एन्कोडिंग करने की कोशिश करें और इस फाइल को m4v फॉर्मेट के बजाय अपने कोड को अपडेट करें और चलाएं। ठीक काम करता है।