2012-06-20 3 views
1

동영상 및 오디오를 html로 퍼가기위한 솔루션을 찾고 있습니다. 새 비디오 태그는 .ogg 및 .mp4를 지원하지만 .flv 및 다른 형식의 대체 솔루션이 있습니까?
예를 들어, .ogg를 포함하려는 경우 html5가 지원되는지 여부를 확인하고 지원되지 않는 경우 폴백을 사용합니다. .flv를 포함하려면 fallback을 사용합니다.HTML5 대체품이 포함 된 동영상 태그

답변

2

html5 태그는 브라우저가 비디오 태그를 해석 할 수없는 경우 모든 요소에 대한 대체를 지원합니다. 다음은 플래시 파일로 대체하는 간단한 예입니다. 대신 embed 태그의

<video controls width="500"> 
    <!-- if Firefox --> 
    <source src="video.ogg" type="video/ogg" /> 
    <!-- if Safari/Chrome--> 
    <source src="video.mp4" type="video/mp4" /> 

    <!-- If the browser doesn't understand the <video> element, then reference a Flash file. --> 
    <embed src="your_flash_file" type="application/x-shockwave-flash" width="1024" height="798" allowscriptaccess="always" allowfullscreen="true"></embed> 
</video> 

, 당신은 (또는 당신이 원하는 사진이나 아무것도 "HTML5 ..를 해석 할 수없는 브라우저"텍스트 스팬 f.e.) 모든 HTML 요소를 취할 수 있습니다. 기본적으로, html5 브라우저는 그들이 재생할 수있는 비디오 소스를 가져오고, 비 html5 브라우저는 비디오 및 소스 태그를 무시하고 끝에있는 falback 요소를 사용합니다.