Incorporação Filmes QuickTime

Abraham Chaffin


	[Embedding Quicktime Movies] Tutoriais : Web Design Tutoriais Incorporação Filmes QuickTime

Quicktime um tutorial

Incorporação filmes QuickTime

Neste tutorial você aprenderá as pontas e extensões de arquivos incorporação quicktime filme; Mov, Mp4's e outros formatos de vídeo QuickTime. Além disso você vai aprender como usar Adobe Dreamweaver CS3 para inserir seu filme QuickTime. Uma visão geral de como usar o embed, Objeto, ActiveX e elementos são discutidos neste tutorial que se relacionem com a incorporação quicktime vídeo.

Abraham Chaffin
Creativecow.net,
Cambria, California E.U.A.

© 2007 Creativecow.net. Todos os direitos reservados.

Introdução

Publicando seus filmes QuickTime para a Web pode ser feito de várias maneiras, mas não todos entregar seu vídeo com o menor número de problemas em todos os navegadores mais populares. A mais básica forma de permitir que as pessoas vejam o vídeo é fornecer um link direto para o arquivo. Isto permite que o usuário quer fazer o download do filme, Guardá-lo para o seu computador ou exibi-lo diretamente no seu navegador. Enquanto esta é a forma mais básica, não é a forma mais eficaz apresentação.

Uma melhor maneira de exibir o seu filme é o de inserir-lo em sua página da web, Blog, Ou a outro site. Nas próximas etapas que você vai aprender sobre incorporação filmes QuickTime em um html página começando com o mais básico e avançando posteriormente para métodos mais complexos, mas mais eficaz e elegante métodos.

Inserir o elemento

O html código abaixo é o mais básico código necessário para inserir seu filme QuickTime:

( Dreamweaver CS3 janela usada para inserir código para a direita)
<embed src="http://www.yourdomain.com/your-video.mov" height="256" width="320"></embed>

Atributos:

Src	Define o URL para ser carregado por inserir o objeto.
Altura	Define a altura de inserir o objeto. Esta deve ser superior a 16 pixels de altura real da sua fonte vídeo para dar conta das 16 pixels utilizado pelo filme QuickTime controlos.
Largura	Define a largura de inserir o objeto. Esta pode ser a largura real do vídeo.

Nota: A altura e largura pode ser definida muito mais elevado do que o próprio filme dimensão e que não irá distorcer o filme se ele irá adicionar espaço em torno de seu vídeo.

Para criar este código usando Dreamweaver vá ao menu Inserir tag escolher html tags escolher embed clique em Inserir. Digite o URL do seu filme QuickTime, A altura, E da largura. Parâmetros adicionais incluem:


hspace="10" vspace="10" hidden="true" autostart="true" loop="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"

Atributos:

Hspace	Define o espaçamento horizontal de seu elemento
Vspace	Define o espaçamento vertical de seu elemento
Oculto	Conjuntos para esconder o vídeo ou não : Verdadeiro / falso
Autostart	Estabelece a auto desempenhar o seu filme : Verdadeiro / falso
Loop	Conjuntos de malha continuamente o seu filme : Verdadeiro / falso
Tipo	Para definir este vídeo / quicktime quicktime para filmes
Pluginspage	Onde o usuário pode agarrar o plug-in para reproduzir o filme através do seu navegador. Usar http://www.apple.com / quicktime / download /

Para inserir parâmetros adicionais / atributos para inserir o seu elemento de Dreamweaver selecione o seu vídeo incorporado e clique em parâmetros... A partir das propriedades painel.

O objeto elemento

Mais comumente quando encaixa quicktime filmes existe um elemento em torno do objeto inserir elemento. Elemento é o objeto usado para incluir Objetoos, tais como imagens, áudio, Videos, Java Apple ts, Quick time filmes, E Flash animações. Incluir este elemento quando encaixar o filme adiciona suporte adicionais necessários para o plug-in necessário para reproduzir o filme QuickTime. Este elemento também aumenta navegador compatibilidade. Muitos dos parâmetros estabelecidos neste objeto repetir que as estabelecidas na inserir elemento. Inserir o novo html código que inclua este elemento é algo como o código abaixo:

( Dreamweaver CS3 janela usada para inserir código para a direita)


<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="256" width="320"> 



<param name="src" value="http://www.yourdomain/your-video.mov">

<param name="autoplay" value="true">

<param name="type" value="video/quicktime" height="256" width="320">

  

  <embed src="http://www.yourdomain/your-video.mov" height="256" width="320" autoplay="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed>
  



</object>

Atributos:

Classid	Usado para especificar uma aplicação para o objeto. Utilização 02bf25d5-8c17-4b23-bc80-d3488abddc6b para filmes QuickTime
Codebase	Usado para especificar a localização para baixar vários plug-in de controle. Usar http://www.apple.com / qtactivex / qtplugin.Cabina para filmes QuickTime

Nota: As repetidas parâmetros adicionais devem ser repetidas, como no exemplo acima.

Para criar este código usando Dreamweaver selecione o elemento embutido e, em seguida, vá ao menu Inserir tag escolher html tags escolher Objeto clique em Inserir.

Input Clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b Para a classe id
Input http://www.apple.com / qtactivex / qtplugin.Cabina Para o Codebase
CodeTipo e tipo são Video / quicktime

Os outros parâmetros não são importantes para este tutorial.

Clique para reproduzir vídeo QuickTime

A criação de seu filme QuickTime para jogar só quando é clicado e é importante para o melhor desempenho e compatibilidade cruzada plataforma e navegador. Quando filmes QuickTime download e jogar quando um usuário entra na página muitas vezes os usuários' browser bloqueia, Freezes, Falha, Ou que provoca a página extremamente lento para carregar. Este problema é mais comum no navegador Internet Explorer. Um bom trabalho em torno de corrigir o problema é carregar um único frame placeholder filme que o usuário pode clicar para reproduzir o filme completo. Isto exige que você crie um único frame adicional quicktime filme que vai deixar que eles sabem que tem que clicar nele para ver o filme completo.

Para alcançar este alguns ajustes devem ser feitos para inserir o elemento. Src o parâmetro deve ser alterado para o url do espaço único frame filme, Autoplay e deve ser definida para Falso. Adicionalmente alguns novos parâmetros devem ser acrescentados:


controller="false" href="http://www.yourdomain/your-video.mov" target="myself"

Inserir o novo html código que inclua este elemento é algo como isto:


<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="256" width="320"> 



 <param name="src" value="http://www.yourdomain/clickhere.mov">

<param name="autoplay" value="false">

<param name="target" value="myself">

<param name="controller" value="false">

<param name="href" value="http://www.yourdomain/your-video.mov">

  <param name="type" value="video/quicktime" height="256" width="320">

  

  <embed src="http://www.yourdomain/clickhere.mov" height="256" width="320" autoplay="false" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/" controller="false" href="http://www.yourdomain/your-video.mov" target="myself"></embed>
  



</object>

Atributos:

Controlador	Define se o QuickTime comandos são mostrados ou não : Conjunto verdadeiro / falso
Href	O url do quicktime vídeo a ser reproduzido quando inserir o elemento é clicado
Alvo	Destino do atributo Href deve ser ajustado para mim para jogar o filme no mesmo local objeto

ActiveX inserir usando Dreamweaver

Internet Explorer bloqueia inserir tags e objetos a menos que sejam incorporados especiais utilizando javascript. O próximo passo irá explicar como chegar à etapa final com Dreamweaver 's inserir ActiveX inserir método.

Se você estiver usando Dreamweaver CS3 as anteriores partes deste tutorial foram fundo de como funciona e não encaixa na realidade a forma de inserir o seu filme QuickTime por isso se fez em cada etapa do Dreamweaver apagar tudo o que você fez e só faço esta etapa.

Vá ao menu Inserir Media ActiveX. Ignorar o objeto tag acessibilidade atributos clicando ok. Dreamweaver vai escrever código para inserir javascript, O objeto etiqueta e inserir a tag. Selecione o machado novo elemento em sua web page e configurar os parâmetros para o seu filme QuickTime no painel propriedades.

Dreamweaver ActiveX Properties

Ponha em Clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b como o Classid.
Inserir e marque a caixa Digite o URL do seu Src quicktime filme arquivo ou clique aqui o seu filme se você decidir usar um único frame placeholder filme. Nota: Ao navegar para o arquivo que você pode precisar escolher todos os arquivos a partir de arquivos do tipo drop-down.
Usar http://www.apple.com / qtactivex / qtplugin.Cabina para a base / Codebase.
Entra a altura ea largura de seu filme, Lembre-se de adicionar 16 pixels à altura para acomodar os controles quicktime.

Clique sobre os parâmetros... Botão para abrir a janela parâmetros para o objeto ActiveX.

Parâmetros para este exemplo deve ser a seguinte:

Controlador	Falso
Href	http://www.Yourdomain / o-vídeo.Mov
Autoplay	Falso
Alvo	Eu mesmo
Bgcolor	# ffffff

Assim que você salvar e fazer o upload de seus arquivos corretamente à internet você deve ter um filme QuickTime funcional embutido que funciona eficazmente em vários navegadores e plataformas múltiplas.

Para um exemplo de uma página que usa este método -- Clique aqui.

Divertir-se!

FóRUNS • TUTORIAIS • MAGAZINE • SERVIçOS • VIDEOS • NOTíCIAS • BLOGS

© CreativeCOW.net Todos os direitos reservados.

Creative Comunidades do Mundo

[Topo]

English • العربية • 中文 • Français • Deutsch • עברית • हिन्दी • Italiano • 日本語 • Português • Русский • Español