Tag de vídeo no status do iPhone

Question

Existe algum filme que realmente funcione no iPhone/iPad Safari usando a tag de vídeo? Tentamos tantos formatos e trechos de código. Ouvi dizer que o MP4/H264 deve funcionar, mas não para nós.

Alguém pode me indicar um exemplo de trabalho online?

Se você conhece o código ou as especificações/formatos para o vídeo no iPhone, isso seria ótimo.

Atualizar:

Aqui está um link para o arquivo MP4 que temos: http://aino.se/media/207.mp4Aqui está o código mais recente que tentamos:

<video width="480" height="270" controls autoplay>
    <source src="http://aino.se/media/207.mp4" type="video/mp4">
</video>

Funciona muito bem no Safari/Chrome, mas não há show no iPhone/iPod

Answer 1

O fato de os vídeos estarem trabalhando nas versões da área de trabalho do Chrome e Safari sugere que o problema é como seus vídeos são codificados. Enquanto o iPhone e o iPad suportam o vídeo H.264 via HTML5, eles suportam apenas o perfil de linha de base mais disponível. Isso significa que coisas extras que você pode fazer para fazer o vídeo parecer melhor (como quadros de referência extras, quadros B, CABAC, etc.), todos tornam o vídeo que não é jogável no iOS.

Qual software de codificação você está usando? Eu tentaria codificar os vídeos novamente com mais configurações de baunilha disponíveis: defina uma taxa média de bits, mantenha o FPS da mesma forma e talvez faça uma passagem de dois passos se achar que isso ajudará na qualidade. Tudo além disso é um terreno bastante instável.

Editar: Quanto aos exemplos, o Vimeo.com tem todos os seus vídeos em um formato pronto para iPhone.

Answer 2

Sim, a tag de vídeo funciona. www.sup.com.tw tem alguns (não todos. O site está em chinês. Clique nos links de vídeo no canto superior direito.)

Vídeos mais recentes neste site funcionam com o IE 6/7/8 (através do Fall Back to Flash Player, não testado no IE9), Firefox (teve que renderizar um arquivo OGV separado, já que não há suporte para H.264), Safari, Chrome, iPhone Safari , Navegador Android (o modelo de desejo, não descobriu o tipo de navegador).

O problema é com sua codificação. Veja esta página para obter instruções detalhadas sobre como converter:

http://diveintohtml5.ep.io/video.html

A chave que eu acho é o perfil da conversão H.264. Precisa garantir que você esteja convertendo para o perfil da linha de base. Outros perfis não são suportados no iPhone.

Usei o Handbrakecli com o Automator no Mac OS X para renderizar em lote.

Answer 3

A Apple possui uma lista de sites que usam o HTML5 para funcionar corretamente com o iPad: http://www.apple.com/ipad/ready-for-ipad/

HTML5's video A tag com uma fonte H264 deve funcionar muito bem.

Answer 4

A tag de vídeo funciona no iPad e iOS4, não no iPhone OS 3.1 e anteriormente.