Programação WordPress adamsilva

Como inserir vídeo e áudio no site com HTML5

Como inserir vídeo e áudio no site com HTML5

Já precisou colocar um vídeo ou um áudio ou música no seu site? Nesse tutorial vou te mostrar como utilizar as tags HTML5 para embutir arquivos de vídeo ou áudio em qualquer site.

Vídeo: Como inserir vídeo e áudio no site com HTML5

Download dos Arquivos da Aula

Para inserir vídeos na sua página use o seguinte código:

<video width="640" height="480" controls>
  <source src="video/new-york.mp4" type="video/mp4">
  Seu navegador não suporta esse tipo de vídeo.
</video>

OBS: no destino dentro do atributo src=”” você deve colocar o caminho onde se encontra seu vídeo. No caso caso o vídeo está dentro da pasta do site numa subpasta chamada /video. Você também pode usar a url absoluta do vídeo, por exemplo: http://estudarti.com.br/videos/new-york.mp4

Para inserir um áudio em seu site use o seguinte código:

<audio controls>
  <source src="audio/hey.mp3" type="audio/mpeg">
</audio>

Qual o próximo passo?

Se você quer se tornar um especialista no Desenvolvimento Frontend de sites você precisa conhecer nossa Certificação WP Frontend Developer.

Nessa certificação você irá aprender como desenvolver do zero todo processo de frontend de Templates WordPress, que é fatiar um Design no Photoshop, criar a camada de conteúdo com HTML5, estilização com CSS3 e integração com o WordPress com PHP.

Clique aqui para acessar a Certificação WP Frontend Developer

adamsilva

| Website

Bacharel em Análise de Sistemas, trabalha com TI há 7 anos. Especializado em web, programador, blogueiro, baterista e entusiasta de tudo que envolva tecnologia.

Para enviar seu comentário, preencha os campos abaixo:

Deixe uma resposta

*

Seja o primeiro a comentar!

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.