28 Maio 2008 ~ 0 Comentários

Inserir filmes QuickTime

Embed QuickTime é um plugin em jQuery que facilita a inserção e visualização de filmes QuickTime em qualquer página web.
Este plugin permite a criação de um link para partilha do filme, permitindo assim a cópia do código necessário para a visualização do filme noutro website.

Apesar do nome se referir unicamente ao QuickTime e seus formatos associados (mov, mp4, m4v, 3gp), o plugin funciona também para os formatos audio (mp3, wav, aiff, m4a) e Windows Media (avi, wmv, mpg).

1. Instalação

Em primeiro lugar deve fazer o download dos ficheiros seguintes e enviá-los para o seu servidor. O primeiro é o ficheiro jquery e o segundo o Embed QuickTime Plugin. Se no seu site já usa o jQuery só é necessário efectuar o download do plugin.

faça de seguida o Upload dos ficheiros para o seu servidor e tome nota do directório para onde os enviou. Por exemplo:

  • http://o_seu_site.com/jquery-1.2.3.pack.js
  • http://o_seu_site.com/jquery.embedquicktime.js

2. Inserir o código HTML na sua página

Este passo consiste na modificação da sua página web de modo a incluir o código para o jQuery e o plugin. este código deve ser inserido em todas as página onde pretende que sejam inseridos o video ou videos.

O código seguinte deve ser colocado entre <head> and </head> na sua página. Não se esqueça de alterar as partes que se referem aos URLs para o jQuery e o Embed QuickTime plugin relativamente ao seu servidor.

<script type="text/javascript"
src="http://o_seu_site.com/jquery-1.2.3.pack.js"></script>
<script type="text/javascript"
src="http://o_seu_site.com/jquery.embedquicktime.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery.embedquicktime({
jquery: 'http://o_seu_site.com/jquery-1.2.3.pack.js',
plugin: 'http://o_seu_site.com/jquery.embedquicktime.js'
});
});
</script>

3. Gerar código de inserção do vídeo

Os dois passos anteriores consistem na instalação agora seguimos para a parte que diz respeito à inserção dos videos no seu website. Para este caso é recomendável que aceda ao seu do autor do plugin de modo a tirar partindo de um gerador de código que lhe vai permitir obter, de forma muito simples, o código HTML necessário para a inserção dos seus vídeos.

Siga no site do autor ainda as opções especiais para a utilização do jQuery e do plugin.

Outras utilizações

Caso pretenda, é possível a utilização do plugin Embed QuickTime nas plataformas wordpress e drupal. Para o efeito foram criados um módulo para o drupal e um plugin para o wordpress que permitem a instalação do Embed QuickTime de forma simples.

* Módulo Drupal 6
* Módulo Drupal 5 (com algumas limitações)
* Plugin Wordpress

Posts Relacionados:

  1. Lightview para WordPress
  2. Zooming de imagens com Javascript
  3. Transparências em PNG no Internet Explorer
  4. rollover menus com transparências PNG
  5. Detalhes de Imagens com efeito de Zoom

Leave a Reply