अपाचे + एचटीएमएल 5 वीडियो टैग - क्या गलत हो सकता है?

[अपडेट देखें! - एंड्रॉइड/आईओएस ब्राउज़र पर काम करता है लेकिन कहीं और नहीं। फ़ायरफ़ॉक्स, क्रोम, ओपेरा, सफारी सभी असफल हो जाते हैं। भले ही वे निश्चित रूप से HTML5 वीडियो टैग तैयार हैं]अपाचे + एचटीएमएल 5 वीडियो टैग - क्या गलत हो सकता है?

बस HTML5 टैग का उपयोग करके एक वीडियो स्ट्रीम करने का प्रयास कर रहा है। मुझे बस वीडियो प्लेयर नियंत्रण मिलता है और कुछ भी नहीं। यह इतना आसान है कि मुझे लगता है कि यह सिर्फ काम करना चाहिए:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Movie title</title> 
</head> 
<body> 
<video id="movie" preload controls> 
    <source src="test.mp4" /> 
</video> 
</body>

तो मैं गलत कहां जा सकता हूं? मैंने इस छोटे स्निपेट से बहुत कुछ करने की कोशिश की है। मैंने अन्य लोगों के उदाहरण स्निपेट की कोशिश की है। मैंने कई वीडियो, कई प्रारूपों (एमपी 4, FLV, ogg) की कोशिश की है। मैंने इसे क्रोम, फ़ायरफ़ॉक्स, एंड्रॉइड एंबेडेड ब्राउज़र, ओपेरा, आईई 9 में देखने का प्रयास किया है।

मैं बिना किसी समस्या के वीएलसी जैसे कार्यक्रमों में यूआरएल से फ़ाइल स्ट्रीम कर सकता हूं।

मुझे लगता है कि Apache2 यहां समस्या हो सकती है, हालांकि मुझे लगता है कि मैं बिना किसी मुद्दे के वीएलसी से यूआरएल स्ट्रीम कर सकता हूं, सुझाव होगा कि अपाचे 2 समस्या नहीं है।

किसी भी मदद की सराहना की। मैं यहाँ बाल पर खींच रहा हूँ।

अद्यतन:

जब भी मैं कोशिश करते हैं और क्रोम के भीतर यह मुझे इस त्रुटि दे रहा है से वीडियो निर्देशिका के URL तक पहुँचने: संसाधन के रूप में अन्य व्याख्या की लेकिन MIME प्रकार अपरिभाषित के साथ स्थानांतरित
यह त्रुटि निश्चित रूप से एक सर्वर पक्ष की समस्या है, apache2 कहीं ठीक से कॉन्फ़िगर नहीं किया जाना चाहिए?
यदि मैं अपने अपाचे 2 सर्वर के भीतर यूआरएल से भी एक एफएलवी फ़ाइल निर्देशिका तक पहुंचता हूं तो यह इस एमआईएम प्रकार को अपरिभाषित त्रुटि देता है। यह वीडियो नियंत्रण है। जब भी मैं खेलता हूं तो यह एमआईएमई प्रकार को कुछ बार अपरिभाषित करता है।

Update2:

सत्यापित मेरी .htaccess
पढ़ा जा रहा है
जोड़ा गया मेरी .htaccess के लिए निम्न:

AddType वीडियो/ogg .ogv

AddType वीडियो/ogg .ogg

AddType वीडियो/एमपी 4 .mp4
अभी भी काम नहीं कर रहा है, फिर भी क्रोम में उल्लिखित माइम प्रकार देखें।

Update3:

फ़ायरफ़ॉक्स और दूसरों मुद्दा बिना यूआरएल/test.mp4 देख सकते हैं, लेकिन कोई भी वीडियो टैग ठीक से काम करने के लिए मिल सकता है।

Update4:

एंड्रॉयड अब काम करने के लिए वीडियो टैग मिल सकती है। .htaccess परिवर्तन उस को ठीक करने लग रहा था। हालांकि किसी भी कारण से एक भी डेस्कटॉप ब्राउज़र नहीं कर सकता है।

स्रोत

2012-01-05 Halsafar

केवल एक चीज जो मैं देख सकता हूं वह एक लापता HTML-end टैग है, और 'प्रीलोड नियंत्रण' जो spec में प्रतीत नहीं होता है। यानी प्रीलोड तीन तर्कों में से एक लेता है "ऑटो | मेटाडाटा | कोई नहीं" ऐसा लगता है। – bjarneh

मैंने प्रीलोड कमांड को हटा दिया, कोई फर्क नहीं पड़ता। ऐसा लगता है कि क्रोम सीधे यूआरएल/test.mp4 से एमपी 4 स्ट्रीम नहीं कर सकता है। हालांकि अन्य ब्राउज़र फ़ायरफ़ॉक्स जैसे कर सकते हैं। तो अब मुझे लगता है जैसे मैं एक कदम पर वापस आ गया हूं, वीडियो टैग मुद्दा है। – Halsafar

ठीक है, बस आपके सेटअप की प्रतिलिपि बनाई गई है, और यह मेरे सभी ब्राउज़रों में अच्छी तरह से खेलता है, एक वेबएम क्लिप जिसे मैंने डाउनलोड किया है: http://camendesign.com/code/video_for_everybody/test.html। मेरा अपाचे सेटअप वेनिला है, जो एपीटी-गेट के माध्यम से स्थापित है, कभी भी वैश्विक कॉन्फ़िगरेशन फ़ाइलों को संशोधित नहीं करता है, नहीं .htaccess 'public_html' के अंदर और इसी तरह। मैंने वीडियो टैग में 'नियंत्रण = "नियंत्रण" 'जोड़ा। – bjarneh

फ़ायरफ़ॉक्स और ओपेरा MP4 का समर्थन नहीं करते हैं, और क्रोम जल्द ही इसके लिए समर्थन छोड़ देगा। वेबएम स्रोत भी जोड़ना अच्छा विचार है।

source घोषणा करने के लिए type विशेषता जोड़ने का प्रयास करें:

<source src="test.mp4" type="video/mp4">

स्रोत

2012-01-05 09:06:08

हालांकि इस प्रकार को जोड़ने से कुछ भी नहीं बदला। Ffmpeg के साथ WEBM में कनवर्ट करना सबकुछ ठीक करना प्रतीत होता था। क्रोम, ओपेरा, फ़ायरफ़ॉक्स सभी इसे पूरी तरह से देख सकते हैं। हालांकि एंड्रॉइड ब्राउज़र WEBM के साथ काम नहीं कर सकता है। तो मैंने वेब स्रोत के साथ दो स्रोत टैग जोड़े और दूसरा एमपी 4 के साथ जोड़ा। यह ठीक करने लग रहा था। दुर्भाग्यपूर्ण है कि मुझे हर वीडियो की दो प्रतियां रखना होगा। वैसे भी इस के आसपास? – Halsafar

मुझे डर नहीं है, और आप कुछ कंपनियों को एक वीडियो प्रारूप पर सहमत नहीं होने के लिए दोषी ठहरा सकते हैं, जिसे वे सभी समर्थन देंगे। मूल रूप से एचजीएमएल 5 विनिर्देशन ने ओजीजी (ऑडियो और वीडियो के लिए) को समर्थन दिया, लेकिन ऐप्पल और नोकिया ने शिकायत की, इसलिए इसे छोड़ दिया गया। वैसे भी आपको सफारी और आईई 9 के लिए एमपी 4 की भी आवश्यकता होगी। –

यहाँ मेरी साइट www.pi-corp.net से मेरी html कोड है। यह फ्लैश के साथ फॉलबैक के साथ सभी वाणिज्यिक ब्राउज़रों पर प्लेबैक के लिए अनुमति देता है।

<div class="video-js-box" style="width: 316px"><br><video class="video-js" width="320" height="240" controls preload autoplay poster="http://pi-corp.net/images/PIC_Full_Logo_PIC_HMI.png"><source src="http://pi-corp.net/picvideo/PIChmi.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /><source src="http://pi-corp.net/picvideo/PIChmi.ogv" type='video/ogg; codecs="theora, vorbis"' /><source src="http://pi-corp.net/picvideo/PIChmi.webm" type='video/webm; codecs="vp8, vorbis"' /> 
     <object id="flash_fallback_1" class="vjs-flash-fallback" width="320" height="240" type="application/x-shockwave-flash" 
     data="flowplayer-3.2.1.swf"><div class="style23"> <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /><param name="allowfullscreen" value="true" /><param name="flashvars" value='config={"playlist":["http://pi-corp.net/images/PIC_Full_Logo_PIC_HMI.png", {"url":"http://pi-corp.net/picvideo/PIChmi.mp4 
     ","autoPlay":true,"autoBuffering":true}]}' /> <img src="http://pi-corp.net/images/PIC_no_playback.png" width="320" height="240" alt="Poster Image" 
      title="No video playback capabilities." /> </div> </object></video>

स्रोत

2013-04-26 13:03:51 user2323896

अपाचे + एचटीएमएल 5 वीडियो टैग - क्या गलत हो सकता है?

उत्तर

संबंधित मुद्दे