Как лучше всего размещать в Интернете видео, которые также работают на iPhone / iPad?

Question

Существует ли распространенный способ внедрения видео в Интернете, который также будет работать на iPhone / iPad?

Моя идея состоит в том, чтобы предоставить две версии (Flash и HTML5) и проверить с помощью JavaScript, поддерживается ли HTML5 - если так, то воспроизведите Flash; если нет, играйте в HTML5. Может быть, есть лучший способ?

Answer 1

Погрузитесь в ногти 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 2

Вы можете использовать тег HTML5 video в качестве опции по умолчанию и поместить в него запасной тег object.

Вы можете прочитать об использовании тега HTML5 video в Safari (включая Mobile Safari) здесь: https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Introduction/Introduction.html

Answer 3

Вы можете представить видео либо из пакета ресурсов вашего приложения, либо через Интернет, используя этот класс: 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, но не может мигать.