브라우저가 HTML5의 <video> 태그를 지원하지 않는 경우 어떻게 이미지를 표시 할 수 있습니까?

Question

태그를 지원하지 않는 브라우저에 대해 이미지를 표시하려면 어떻게해야합니까? 이러한에서 같은 텍스트를 표시 :

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

것은 쉽게,하지만 내가 img 태그로 텍스트를 대체 할 경우, 항상 브라우저가 비디오 태그를 지원하지 않습니다 경우에도 이미지를 표시합니다.

(EDIT)이, 내 테스트는 잘못했다 및 비디오가 지원되지 않는 경우 img 태그는 참으로 만 렌더링됩니다 그렇지 않습니다 (예를 들어, 사파리 5) 지식을 공유하기위한

덕분에

Answer 1

난 그냥했다 뿐만 아니라 HTML5's spec로, this link을 확인, 그래서이 코드는 당신을 위해 작동합니다 :

<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; 또는 그 반대로 설정할 수 있습니다.