18. Apresentação de Filmes

A apresentação de filmes é uma das facilidades postas ao dispor com o html5.

A marca que lhe está associada é 'video' e podem-se acrescentar diversos atributos. É ainda conveniente indicar qual o tipo de filme usado, no exemplo que se mostra o filme está em formato 'mp4':

<video src="Nome_do_ficheiro" type="video/mp4" ></video>

Para a apresentação aqui feita usou-se a seguinte instrução:

<video src="imagens/video_01.mp4" width="240" height="135" muted controls loop type="video/mp4"></video>

Nota: O som está desactivado. Para o activar use o sistema de controle.

• width, height: Permitem definir o tamanho do filme, exemplos:
  • width="480" height="270"

    <video id="vid1" src="imagens/video_01.mp4" width="480" height="270" type="video/mp4">

  • width="960" height="540"

    <video id="vid1" src="imagens/video_01.mp4" width="960" height="540" type="video/mp4">

• autoplay: Permite iniciar imediatamente o filme. Exemplo:

  <video id="vid1" src="imagens/video_01.mp4" width="480" height="270" autoplay type="video/mp4">

• muted: O filme está sem som. Exemplo:

  <video id="vid1" src="imagens/video_01.mp4#t=15:20" width="480" height="270" controls muted autoplay type="video/mp4">

• controls: Mostra o sistema de controle do filme. Exemplo:

  <video id="vid1" src="imagens/video_01.mp4" width="480" height="270" controls type="video/mp4">

• Para executar um certo intervalo de tempo do filme, acrescenta-se à URL do filme "#t=t1,t2", em que "t1" e "t2" são respectivamente o início e o final do intervalo. Exemplo:

  <video id="vid1" src="imagens/video_01.mp4#t=10,18" width="480" height="270" controls autoplay type="video/mp4">

• loop: Permite que o filme fique em loop. Exemplo:

  <video id="vid1" src="imagens/video_01.mp4" width="480" height="270" controls autoplay loop type="video/mp4">