Em mais uma postagem sobre HTML vamos aprender a inserir um vídeo na sua página web.
Na aula anterior aprendemos como adicionar áudio:
Abra o gedit (ou um editor de texto de sua preferência) e abra também o arquivo da aula anterior:
Para inserir um vídeo vamos utilizar a tag <video>, que será responsável por
aparecer um player na sua página com o atributo controls. Nela você também pode decidir se o vídeo será reproduzido
automaticamente ao abrir a página utilizando o atributo autoplay. Aqui também temos os atributos width e height que
correspondem a largura e a altura em pixels do vídeo respectivamente.
Assim como na adição de áudio temos Aliado a tag <video> a tag <source> com os seguintes atributos:
src: É onde identificamos o caminho onde o vídeo se encontra no computador, terminado com o nome do vídeo seguido de sua extensão.
type: Onde você coloca o tipo da mídia / sua extensão
Vou adicionar um vídeo do meu canal que eu baixei e coloquei na pasta midias que estamos utilizando até agora para adicionarmos as imagens e áudio. Veja como fica no gedit:
Se tudo ocorrer de forma certa, ao abrir o navegador o vídeo que se encontra na pasta mídias com o nome Mario64 com extensão mp4 irá tocar automaticamente tendo largura a e altura de 500 pixels. Note que removi o atributo autoplay da tag <audio> para que não inicie automaticamente com o vídeo:
Veja agora o vídeo da postagem:
Nenhum comentário:
Postar um comentário