एचटीएमएल 5 वीडियो सभी ब्राउज़रों का समर्थन नहीं कर रहा है

Question

क्रोम, मोज़िला और एंड्रॉइड डिवाइस में काम कर रहे एचटीएमएल 5 वीडियो, लेकिन सफारी और आईई में काम नहीं कर रहे हैं।

एक वीडियो प्रारूप जो सभी उपकरणों और प्लेटफॉर्म पर चलता है? संबंधित कोड प्रदान करते हैं या लिंक

<video preload="yes" autoplay loop width="100%" height="auto" poster="http://cdn.foo.com/bar.png"> 
     <source src="//cdn.foo.com/bar-video.mp4" type="video/mp4"> 
     <source src="//cdn.foo.com/bar-video.webm" type="video/webm"> 
</video> 

Answer 1

अपने IE और सफारी संस्करण क्या है कृपया?

<video width="320" height="240" controls> 
    <source src="movie.mp4" type="video/mp4"> 
    <source src="movie.ogg" type="video/ogg"> 
Your browser does not support the video tag. 
</video> 

Answer 2

को ध्यान में रखते सभी ब्राउज़रों एक ओवर-मारने के रूप में आप फिर भी बहुत पुराने ब्राउज़र और ब्राउज़र पर विचार करेंगे हो सकता है:

वीडियो टैग में संदेश जोड़ने के लिए और देखने के लिए यदि आप इसे देख करने का प्रयास करें जो मानक अनुरूप नहीं हैं।

क्या आप वाकई ग्राहक के ब्राउज़र अपने वीडियो खेल सकते हैं बनाना चाहते हैं, यहाँ चीजों की एक जोड़ी आप क्या कर सकते हैं:

• आधुनिकhttps://modernizr.com/
• पुराने ब्राउज़र के लिए एक "वापस आने" का उपयोग लागू, <object> या <embed> टैग की तरह

ऊपर आप के लिए काम नहीं किया है, तो अपने वीडियो फ़ाइल एन्कोडिंग फिर से कोशिश के रूप में यह एक कम पॉप से ​​एन्कोड किया जा सकता है ular कंटेनर; कम से कम सुनिश्चित करें कि वीडियो एन्कोडिंग प्रारूप फ़ाइल-एक्सटेंशन से मेल खाता है। यह भी सुनिश्चित करें कि आपके वीडियो की तस्वीर और ऑडियो रिज़ॉल्यूशन बहुत अधिक नहीं है।

Answer 3

दुर्भाग्य से इस समय एक ही प्रारूप नहीं है जो सभी ब्राउज़रों पर खेलेंगे।

:

आप वर्तमान स्थिति के लिए एक अच्छा महसूस करने के लिए चाहते हैं तो इस लिंक पर पृष्ठ में तालिका (लिंक सहित बजाय टेबल को कॉपी जानकारी के रूप में इतना बदल जाता है) आम तौर पर अप टू डेट है

• https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats

एक सामान्य नियम के रूप में, MP4 सबसे समर्थित कंटेनर प्रारूप है, लेकिन यहाँ भी आप एकाधिक प्रोफाइल आदि

के साथ कई कोडेक के लिए कर सकते हैं एक संसाधन है जो एच जितना संभव हो उतने ब्राउज़रों का समर्थन करने के लिए नमूना एचटीएमएल 5 कोड उत्पन्न करता है (आमतौर पर वीडियो के लिए वीडियो के रूप में जाना जाता है)। मुझे यकीन है कि नहीं यह कितनी बार अपडेट होता हूँ:

• http://v4e.thewikies.com

यहाँ एचटीएमएल 5 प्लेबैक के लिए ही एक उदाहरण है (कोई फ्लैश फ़ॉलबैक, लेकिन आप जोड़ सकते हैं कि यदि आप चाहते थे):

<!-- "Video For Everybody" http://camendesign.com/code/video_for_everybody --> 
<video controls="controls" poster="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360"> 
    <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4" /> 
    <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type="video/webm" /> 
    <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg" /> 
    <img alt="Big Buck Bunny" src="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360" title="No video playback capabilities, please download the video below" /> 
</video> 
<p> 
    <strong>Download video:</strong> <a href="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4">MP4 format</a> | <a href="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv">Ogg format</a> | <a href="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm">WebM format</a> 
</p> 

आप देखेंगे कि अधिकतम समर्थन के लिए, विशेष रूप से पुराने ब्राउज़र के लिए, आपको वास्तव में कई अलग-अलग प्रारूपों में अपने वीडियो की आवश्यकता होती है।

ज्यादातर लोगों के लिए, एमपी 4 को कंटेनर और एच .264 के रूप में उपयोग करने के रूप में कोडेक आपके अधिकांश उपयोगकर्ताओं तक पहुंच जाएगा।