Como incorporar um arquivo de vídeo MP4 em HTML como profissionais

Q: Qual tag é usada para inserir vídeo em HTML?

O O elemento, que adiciona suporte nativo à reprodução de vídeo à especificação HTML em HTML5, pode ser usado para incorporar um vídeo em um documento HTML.

27 de agosto de 2021 15:00postado por Selena Thomas para MP4

Hoje tudo fica cada vez mais fácil, menos o trabalho profissional, como insira um vídeo MP4 em HTML página da Internet. Isso ocorre porque todos os navegadores da Web não possuem um padrão uniforme para definir arquivos de mídia incorporados, como vídeo. Neste capítulo demonstraremos dois métodos para adicionar vídeos em páginas da web, para que todos possam criar vídeos HTML incorporados como profissionais.

Incorporar MP4 em HTML

Parte 1: Como inserir MP4 em HTML
Parte 2: Perguntas frequentes sobre a incorporação de MP4 em HTML

Parte 1: Como inserir MP4 em HTML

Método 1: como incorporar MP4 em HTML com código

As páginas da Web usam códigos HTML para criar estrutura. É semelhante a adicionar um MP4 em HTML incorporando uma foto. Porém, precisa de mais controles, como play, loop, áudio, etc. Além disso, o vídeo deve aumentar e diminuir o zoom de acordo com o seu navegador. Portanto, também requer um documento CSS externo.

HTML MP4

Passo 1

Primeiramente, crie um documento CSS e digite o comando abaixo:

.bem-vindo_vid {
exibição: bloco;
margem esquerda: automático;
margem direita: automático;
largura: 80%;
altura: automático;
}

Significa adicionar o MP4 no centro do HTML e tornar o vídeo responsivo. Nomeie o documento CSS como estilo.css e coloque-o no mesmo diretório da página da web.

Passo 2

Insira o documento CSS na página da web adicionando os códigos à página da web:

etapa 3

Agora insira o MP4 em HTML com os códigos abaixo:

Substituir caminho com o caminho da pasta de vídeo ou URL e nome com o nome do arquivo MP4.

Passo 4

Salve a página da web e verifique se o vídeo é reproduzido nela.

Método 2: como adicionar YouTube MP4 em HTML

A linguagem de comando é difícil para iniciantes e pessoas comuns. Você pode estar se perguntando se pode adicionar MP4 em HTML sem nenhum conhecimento técnico. As etapas abaixo podem ser úteis.

Passo 1

Abra o site do YouTube em um navegador e faça login na sua conta. Caso não tenha, crie uma nova conta.

Passo 2

Clique no Criar botão com o ícone da câmera de vídeo no canto superior direito e selecione Envio vídeo. Então clique SELECIONAR ARQUIVOS botão na caixa de diálogo pop-up e carregue o MP4 que deseja inserir em HTML.

Envio vídeo

etapa 3

Siga as instruções na tela para definir a descrição e outras opções. Por fim, acerte o SALVAR botão.

Passo 4

A seguir, abra o vídeo enviado no YouTube e você verá várias opções. Clique no Compartilhar ícone e você obterá o painel de compartilhamento. Vou ao Embutir guia, copie o link na caixa e cole-o em sua página da web. O MP4 será adicionado ao seu documento HTML. Por padrão, vídeo incorporado em um iframe. Você também pode alterar o código, como o tamanho do vídeo e muito mais.

Observação: O YouTube suporta apenas vídeos de até 12 horas com menos de 128 GB. A proporção recomendada é 16:9.

Recomendado: Melhor Conversor MP4

Adicionar ficheiro

MP4 é um formato de vídeo padrão para distribuição de conteúdo animado pela Internet. Às vezes, você só tem AVI, MKV ou outros arquivos de vídeo sem perdas. Eles oferecem melhor qualidade que o MP4, mas o tamanho do arquivo é maior. A melhor solução é converter seus arquivos de vídeo para MP4 com Conversor de vídeo Blu-ray Master final.

Principais características do melhor conversor MP4

* Converta arquivos de vídeo para o formato MP4 para adicionar em HTML.
* Produza alta qualidade usando tecnologia avançada.
* Suporta conversão em lote de vários vídeos por vez.
* Oferece amplas ferramentas de bônus, como edição de vídeo.

Resumidamente, é a melhor opção para converter seus arquivos de vídeo para MP4.

Parte 2: Perguntas frequentes sobre a incorporação de MP4 em HTML

Como você transforma um vídeo em um link?

Para converter um vídeo em um link de URL, você precisa de um serviço de host. Felizmente, existem muitos serviços disponíveis. O YouTube, por exemplo, permite fazer upload de um vídeo e transformá-lo em um link. Além disso, serviços em nuvem como o Dropbox também têm essa capacidade.

Qual tag é usada para inserir vídeo em HTML?

Como posso reproduzir um vídeo no carregamento da página?

Antes do HTML5, para reproduzir um vídeo em uma página da web, você precisaria do plugin Adobe Flash Player. Com a introdução do HTML5, agora você pode colocar vídeos diretamente na própria página.

Conclusão

Este guia apresentou duas maneiras fáceis de inserir MP4 em HTML, para que você possa publicar vídeos em sua página web. Para iniciantes, você pode usar o YouTube como host e criar um link de vídeo. No entanto, os códigos HTML oferecem mais controles de reprodução de vídeo. Se você tiver outros problemas, fique à vontade para deixar uma mensagem abaixo desta postagem.

O que você acha deste post?

Excelente

Avaliação: 4,9/5 (180 votos)