Como incorporar vídeo em html

ThiTeaches você como incorporar um vídeo do YouTube em um site colando algum código em seu html, além de como incorporar manualmente um .MP4, .ogg, ou .Vídeo WebM usando o HTML5

Passos

Método 1 de 2:
Incorporar um vídeo do youtube
  1. Imagem intitulada Embed video em HTML Step 1
1. Localize o vídeo que você deseja incorporar no YouTube.com. Clique no título do vídeo no YouTube para abrir o vídeo para visualização.
  • Você também pode usar este método para muitos outros sites de compartilhamento de vídeo. Embora os nomes de cada link possam ser diferentes, você geralmente poderá encontrar um Embutir ou Adicionar ao site Link em algum lugar perto do vídeo que você deseja incluir.
  • Imagem intitulada Embed video em HTML Step 2
    2. Clique COMPARTILHAR. Está bem abaixo do vídeo (a opção com uma seta apontando para a direita). Uma lista de opções de compartilhamento aparecerá.
  • Imagem intitulada Embed video em HTML Step 3
    3. Clique Embutir. É o primeiro ícone. Isso abre uma janela que contém algum código HTML em seu lado superior direito.
  • Imagem intitulada Embed video em HTML Step 4
    4. Selecione Opções de incorporação para o vídeo.
  • Se você quiser iniciar o vídeo em uma hora específica, selecione "Iniciar em," Em seguida, insira o tempo onde você gostaria que comece (e.G., "1:44" Para reproduzir o vídeo a partir do 1 minuto e 44 segundos marca).
  • Marque a caixa ao lado de "Show Player Controls" para permitir que os espectadores ajustem o volume, pare, iniciar e pausar o vídeo.
  • Se você não quiser que o YouTube colete informações sobre a pessoa visualizando este vídeo, você pode verificar "Ativar o modo aprimorado de privacidade."
  • Imagem intitulada Embed video em HTML Step 5
    5. Clique CÓPIA DE. Isso copia o código de incorporação para sua área de transferência.
  • Imagem intitulada Embed video em HTML Step 6
    6. Abra o arquivo HTML que você deseja editar. Se você usar uma ferramenta on-line para editar seu site, vá para a parte da ferramenta que permite editar diretamente o arquivo HTML para a página onde o vídeo deve aparecer. Se você editar o site manualmente, abra o código fonte da página no seu editor de texto preferido.
  • Imagem intitulada Embed video em HTML Step 7
    7. Clique no local onde você deseja inserir o vídeo. Você pode inserir o vídeo em qualquer lugar em seu código HTML. Isso coloca o cursor na posição desejada.


  • Imagem intitulada Embed video em HTML Step 8
    8. Aperte ⌘ Comando+V (Mac) ou Ctrl+V (PC) para colar o código. O código copiado do YouTube agora aparece no seu arquivo HTML.
  • Imagem intitulada Embed video em HTML Step 9
    9. Salve o arquivo e publique no seu site. Para testar o vídeo, abra a página onde você incorpora em qualquer navegador da Web e clique no vídeo para começar a reproduzi-lo.
    • Método 2 de 2:
    Usando o elemento de vídeo HTML5
    1. Imagem intitulada Embed video em HTML Step 10
    1. Carregue seu vídeo para o seu servidor da Web. Este método é mais adequado para aqueles que querem fazer upload de seus vídeos diretamente para seus próprios sites, em vez de um site de compartilhamento como o YouTube. Você também pode usar este método se não quiser usar um "iframe" para incorporar seu vídeo.
    • Envie o vídeo como um arquivo MP4 para garantir que ele seja devidamente visualizado em todos os navegadores da Web. Embora o elemento de vídeo também suporta arquivos de vídeo WebM e OGG, eles não serão jogáveis ​​no Safari.
    • Como a maioria dos navegadores está removendo suporte para plugins externos que usam o HTML tag, usando o
  • Imagem intitulada Embed video em HTML Step 11
    2. Abra o arquivo HTML que você deseja editar. Se você usar uma ferramenta on-line para editar seu site, vá para a parte da ferramenta que permite editar diretamente o arquivo HTML para a página onde o vídeo deve aparecer. Se você editar o site manualmente, abra o código fonte da página no seu editor de texto preferido.
  • Imagem intitulada Embed video em HTML Step 12
    3. Digite o código para inserir o vídeo. Digite este código no local exato onde você deseja que o vídeo apareça, fazendo alterações no nome e no tamanho do arquivo para atender às suas necessidades:
  • Substituir .MP4 Com o nome do seu arquivo de vídeo. Se o arquivo de vídeo estiver localizado em outro lugar na Web, substitua-o pelo caminho URL completo para o arquivo (E.G., "Https: // pr.maniqui-es.com / TEST.MP4 ").
  • Você pode substituir os valores numéricos para "largura" e "altura" para ajustar o tamanho do seu vídeo.
  • O Controles opção garante que as pessoas que visualizam o vídeo podem pausar, reproduzir, ajustar o volume ou parar o vídeo quando desejado.
  • Imagem intitulada Embed video em HTML Step 13
    4. Salve o arquivo e publique no seu site. Para testar o vídeo, abra a página onde você incorpora em qualquer navegador da Web e clique no vídeo para começar a reproduzi-lo.

    • Vídeo

    Ao usar este serviço, algumas informações podem ser compartilhadas com o YouTube.

    Pontas

    Compartilhe na rede social:
    Semelhante