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

27 agosto, 2021 15: 00Escrito 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 web. Isso porque todos os navegadores da web não tinham um padrão uniforme para definir arquivos de mídia incorporados, como vídeo. Neste capítulo, demonstraremos dois métodos sobre a adição de vídeos em páginas da web, de modo que todos possam fazer HTML embutido em vídeo 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 com a incorporação de uma foto. No entanto, ele 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

Em primeiro lugar, crie um documento CSS e digite o comando abaixo:

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

Significa adicionar o MP4 no centro do HTML e tornar o vídeo responsivo. Nomeie o documento CSS como style.css e colocá-lo 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:

Passo 3

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

Este navegador não exibe a tag de vídeo.

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

Passo 4

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

Método 2: como adicionar YouTube MP4 em HTML

A linguagem de comando é difícil para iniciantes e pessoas comuns. Você pode se perguntar se você pode adicionar MP4 em HTML sem qualquer habilidade técnica. As etapas abaixo podem ser úteis.

Passo 1

Abra o site do YouTube em um navegador e faça login em sua conta. Se você não tiver, crie uma nova conta.

Passo 2

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

Envie vídeos

Passo 3

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

Passo 4

Em seguida, abra o vídeo enviado no YouTube e você verá várias opções. Clique no Partilhar í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, o vídeo é incorporado a 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 um vídeo de até 12 horas com menos de 128 GB. A proporção recomendada é 16: 9.

Recomendar: Melhor Conversor MP4

Adicionar Arquivo

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 do que 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 recursos do melhor conversor MP4

* Converta arquivos de vídeo para o formato MP4 para adicionar ao HTML.
* Produza alta qualidade usando tecnologia avançada.
* Suporte a conversão de vários vídeos em lote por vez.
* Oferece ferramentas de bônus abrangentes, 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 que você envie um vídeo e se transforme 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?

o , que adiciona suporte de reprodução de vídeo nativo à especificação HTML em HTML5, pode ser usado para incorporar um vídeo em um documento 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 plug-in 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 mostrou duas maneiras fáceis de inserir MP4 em HTML, para que você possa publicar vídeos em sua página da web. Para iniciantes, você pode usar o YouTube como host e criar um link de vídeo. No entanto, os códigos HTML fornecem mais controles de reprodução de vídeo. Se você tiver outros problemas, fique à vontade para deixar uma mensagem abaixo deste post.

O que você acha deste post?

Excelente

Avaliação: 4.9 / 5 (180 votos)