먼저, 이미 만나지 않았다면 http://camendesign.com/code/video_for_everybody 을보고 싶을 것입니다. 어쨌든
, 사용자 정의 플래시 대안 제공하려는 경우이 작동합니다 : 분명히
<video width="..." height="..." controls="controls" preload="none">
<source src="video/demo.mp4" type="video/mp4" />
<source src="video/demo.webm" type="video/webm" />
<source src="video/demo.ogv" type="video/ogg" />
<span id="flashAlternative">what, no flash+no html5? crazy!</span>
</video>
<script>
swfobject.embedSWF(..., "flashAlternative", ...);
</script>
당신이/... 대안으로 비디오 방금 소스 코드를 배치 유튜브/비 메오를 사용하려는 경우, 대신 스크립트 태그의 : 당신은 대역폭의 부하를 지불하지 않으려는 경우
이 솔루션의
<video width="..." height="..." controls="controls" preload="none">
<source src="video/demo.mp4" type="video/mp4" />
<source src="video/demo.webm" type="video/webm" />
<source src="video/demo.ogv" type="video/ogg" />
<!-- embedding code here -->
</video>
모두가 플래시 비디오를 통해 HTML5 비디오를 선호하는 당신은 모든 사람들에게 유튜브 비디오를 표시하는 것을 선호 할 수있는 플래시가 있고, html5로만 대체 할 수 있습니다. 쓸모 없어. 즉,이 다음과 같을 것이다 :
<object type="application/x-shockwave-flash" width="..." height="..." data="...">
<param name="movie" value="..." />
<video width="..." height="...">
<source src="..." type="video/mp4" />
<source src="..." type="video/webm" />
<source src="..." type="video/ogg" />
<!-- here comes the alternative for people who have neither flash, nor html5 -->
</video>
</object>
방금 내 유튜브/비디오 및 smush의 HTML5 비디오에서 소스 코드를 복사 할 수 없습니다 통지하십시오, 당신은 위의 모양 때문에 (데이터를 수정해야하고 movie 속성은 swf 파일의 소스를 지정하며 embed 태그는 필요하지 않습니다!).
자바 스크립트를 통해 사용 도구를 감지하고 필요할 때 비디오 태그를 삽입하거나 그 반대로 이동해야합니다. – phwd