在网络上提供也适用于iPhone / iPad的视频的最佳方式是什么？

Question

是否有一种在网络上实现可在iPhone / iPad上运行的视频的常用方法？

我的想法是提供两个版本（Flash和HTML5），如果支持HTML5则使用JavaScript检查 - 如果是，则播放Flash;如果没有，请播放HTML5。也许有更好的方法？

Answer 1

您可以使用HTML5 video标记作为默认选项，并在其中放置一个后备object标记。

你可以在这里阅读Safari（包括Mobile Safari）中的HTML5 video标签用法：https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Introduction/Introduction.html

Answer 2

潜入HTML5钉在这里：http://diveintohtml5.ep.io/video.html

最终标记使用HTML5视频元素，Flash后备的嵌套元素，以及一小段脚本，以利于Android设备：

<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>

Answer 3

您可以使用此类从应用程序的资源包中显示视频或通过Internet流式传输视频：MPMoviePlayerController

Apple文档：

http://developer.apple.com/library/ios/#documentation/mediaplayer/reference/MPMoviePlayerController_Class/MPMoviePlayerController/MPMoviePlayerController.html

Answer 4

我发现这非常有帮助：

http://camendesign.com/code/video_for_everybody

它使用HTML5但优雅地无法闪烁。