क्या आप एक फ्लैश असफल-सुरक्षित के साथ एक HTML5 वीडियो/ऑडियो प्लेयर का उपयोग कर सकते हैं?

Question

मैं वेब के माध्यम से ऑडियो और वीडियो दोनों चलाने के लिए अपने विकल्पों को समझने की कोशिश कर रहा हूं। मुझे एचटीएमएल 5 <video /> और <audio /> पर बेचा गया है। लेकिन, यदि एचटीएमएल वीडियो/ऑडियो विफल रहता है, तो मैं फ्लैश वीडियो/ऑडियो प्रदर्शित करने में सक्षम होना चाहता हूं।

क्या यह पता लगाने का कोई आसान तरीका है कि वीडियो/ऑडियो किसी भी कारण से नहीं चल रहा है, फिर फ़्लैश प्लेयर के लिए HTML5 प्लेयर को स्वैप करें?

Answer 1

आप अगर एक विशिष्ट एचटीएमएल 5 टैग समर्थित है की जाँच करने के Modernizr का उपयोग करें या नहीं और अगर यह नहीं है, उदाहरण के लिए सुरक्षित विकल्प विफल करने के लिए स्विच कर सकते हैं:

if (Modernizr.video) { 
    //start using HTML5's video tag 
} else { 
    // use flash 
} 

यहाँ कैसे Modernizr Deploy HTML5 & CSS3 w/ Modernizr

उपयोग करने के लिए पर एक ट्यूटोरियल है

Answer 2

आप <video> टैग के भीतर अंतिम आइटम के रूप में अपने फ्लैश विकल्प में पॉप-अप कर सकते हैं, और यह एचटीएमएल 5 वीडियो नहीं करेगा, तो यह खेलेंगे।

देखें मार्क तीर्थ के उदाहरण, के रूप में यह व्यापक है और नियमित रूप से अपडेट: http://diveintohtml5.ep.io/video.html#example

यह संक्षेप में:

<video> 
    <!-- HTML5 video --> 
    <source src="video.webm" type='video/webm; codecs="vp8, vorbis"'> 
    <source src="video.ogv" type='video/ogg; codecs="theora, vorbis"'> 
    <source src="video.mp4"> 

    <!-- Flash player fallback for user agents that don’t support HTML5 video --> 
    <!-- All user agents that don’t understand the <video> tag, or don’t support 
    the video formats you’ve provided, will show this instead. Even IE 6. --> 
    <object width="320" height="240" type="application/x-shockwave-flash" 
data="flowplayer-3.2.1.swf"> 
     <param name="movie" value="flowplayer-3.2.1.swf"> 
     <param name="flashvars" value='config={"clip": {"url": "video.mp4", "autoPlay":false, "autoBuffering":true}}'> 
    </object> 
</video> 

Answer 3

आप स्वतंत्र रूप से फ्लैश वीडियो प्लेयर का चयन कर सकते हैं की कोशिश JWPlayer यह एक एचटीएमएल 5/Flash फ़ॉलबैक है लागू

Answer 4

मैं MediaElementJS की सिफारिश करता हूं।

लेकिन आपके प्रश्न का उत्तर देने के लिए, वीडियो, ऑडियो और स्रोत तत्वों की प्रकृति आपको ब्रोवर को विभिन्न स्रोत प्रस्तुत करने की अनुमति देती है, जो तब चुनती है कि यह क्या खेल सकता है। यदि यह उनमें से कोई भी नहीं खेल सकता है, जब तक आप एक फ्लैश विकल्प प्रदान करते हैं, यह आगे बढ़ेगा और इसका उपयोग करेगा।