Como implementar videos no seu site para iPhone?

A medida que vamos estudando o desenvolvimento do iPhone na web e no SDK, postaremos aqui soluções encontradas para facilitar seu conhecimento sobre algumas coisas que vão ser úteis para a programação nessa nova plataforma móvel.

Uma das implementações que a globo.com fez no seu site móvel para iPhone é o video no formato mp4 que toca direto no iPhone sem precisar de upar o video no youtube e colocar o código embed no site, mas que também funciona legal.

Primeiramente é preciso configurar o mime-type correto dos arquivos de vídeo. Para isso é necessário carregar o módulo mime_module, inserindo as seguintes linhas no httpd.conf:

LoadModule mime_module modules/mod_mime.so AddType video/mp4 .mp4

Todos os vídeos devem ser convertidos então no formato .mp4 com o codec H.264.

Faça o download do JavaScript AC_QuickTime.js no site da Apple.

Inclua esse código no início da página:

<script src="AC_QuickTime.js" language="javascript"> </script>

Sintaxe para inserir o video na página:

<script language="javascript">
    QT_WriteOBJECT('MyMovie.mov' , '320', '240' , '');
</script>

Caso queira mais informações sobre chamadas para o video e entrar mais afundo no assunto, entre no próprio site da apple.

Celiga