iPhone/iPad에서도 작동하는 웹에서 동영상을 구현하는 일반적인 방법이 있습니까?iPhone/iPad에서도 작동하는 웹에서 비디오를 제공하는 가장 좋은 방법은 무엇입니까?
제 아이디어는 HTML5가 지원되는 경우 두 가지 버전 (플래시 및 HTML5)을 제공하고 JavaScript로 확인하는 것입니다. 그렇다면 플래시를 재생하십시오. 그렇지 않은 경우 HTML5를 재생합니다. 어쩌면 더 좋은 방법이 있을까요?
iPhone/iPad에서도 작동하는 웹에서 동영상을 구현하는 일반적인 방법이 있습니까?iPhone/iPad에서도 작동하는 웹에서 비디오를 제공하는 가장 좋은 방법은 무엇입니까?
제 아이디어는 HTML5가 지원되는 경우 두 가지 버전 (플래시 및 HTML5)을 제공하고 JavaScript로 확인하는 것입니다. 그렇다면 플래시를 재생하십시오. 그렇지 않은 경우 HTML5를 재생합니다. 어쩌면 더 좋은 방법이 있을까요?
당신은 기본 옵션으로 HTML5 video
태그를 사용하고 내부에 대체 object
태그를 넣을 수 있습니다. 여기
당신은 (모바일 사파리 포함) 사파리에 대한 HTML5 video
태그 사용을 읽을 수 있습니다 http://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Introduction/Introduction.html
이 클래스를 사용하거나 앱의 리소스 번들에서 동영상을 제시하거나 인터넷을 통해 스트리밍 할 수 있습니다 MPMoviePlayerController를
애플 문서 : 여기 HTML5 손톱을에
다이브 : http://diveintohtml5.ep.io/video.html
최종 마크 업은요소를 HTML5 비디오에 사용하고 중첩 된플래시 대체, 및 안드로이드 장치의 이익을위한 스크립트의 작은 비트에 대한요소 :
<video id="movie" width="320" height="240" preload controls>
<source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"' />
<source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"' />
<source src="pr6.mp4" />
<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="allowfullscreen" value="true" />
<param name="flashvars" value='config={"clip": {"url": "http://wearehugh.com/dih5/pr6.mp4", "autoPlay":false, "autoBuffering":true}}' />
<p>Download video as <a href="pr6.mp4">MP4</a>, <a href="pr6.webm">WebM</a>, or <a href="pr6.ogv">Ogg</a>.</p>
</object>
</video>
<script>
var v = document.getElementById("movie");
v.onclick = function() {
if (v.paused) {
v.play();
} else {
v.pause();
}
};
</script>