यदि ब्राउज़र एचटीएमएल 5 के <video> टैग

Question

का समर्थन नहीं करता है तो मैं एक छवि कैसे प्रदर्शित कर सकता हूं क्या कोई जानता है कि मैं उन ब्राउज़र के लिए एक छवि कैसे प्रदर्शित कर सकता हूं जो टैग का समर्थन नहीं करते हैं? ऐसे में किसी पाठ प्रदर्शित:

<video src="video.mp4" type="video/mp4"> 
    Your browser does not support the <video> tag 
</video> 

आसान है, लेकिन अगर मैं एक img टैग के साथ पाठ की जगह है, यह हमेशा छवि प्रदर्शित करेगा, तब भी जब ब्राउज़र वीडियो टैग का समर्थन करता है।

अपने ज्ञान को साझा

(संपादित) यह मामला नहीं है, मेरे परीक्षण गलत थे और img टैग वास्तव में केवल प्रदान की गई हो जाता है जब वीडियो समर्थित नहीं है (उदाहरण के लिए सफारी 5) के लिए धन्यवाद

Answer 1

मैं सिर्फ था this link जांच की जाएगी, HTML5's spec के रूप में है, इसलिए इस कोड आप के लिए काम करना चाहिए:

<video controls="controls" poster="<your image poster if applicable>"> 
    <source src="video.mp4" type="video/mp4" /> 
    <img src="<your No video support image>" title="Your browser does not support the <video> tag" /> 
</video> 

Answer 2

जावास्क्रिप्ट का उपयोग करना, आप चला सकते हैं:

var html5video = !!document.createElement('video').canPlayType; 

यह आपके समर्थन के आधार पर सत्य या गलत होगा या नहीं। फिर आप किसी वीडियो के साथ वीडियो टैग को प्रतिस्थापित करने के लिए जावास्क्रिप्ट का उपयोग कर सकते हैं, या आसान, बस वीडियो को display:none; पर सेट करें और छवि display:block; या इसके विपरीत।