Como incorporar vídeo do Google Drive com elemento de vídeo HTML5 no blogspot

Para o HTML incorporado, ele ainda usa elementos de vídeo HTML5, enquanto para esta fonte de vídeo agora você pode usar o URL de download direto do Google Drive.

Com este URL de download direto do Google Drive, é certo que até mesmo os iniciantes obterão facilmente as fontes de vídeo do Google Drive. Obviamente, obter o URL de download direto do Google Drive é bastante fácil, com a ajuda da ferramenta Gerador de link de download direto do Google Drive no final deste artigo.

Para incorporar um vídeo no Google Drive com o elemento de vídeo HTML5 no blogspot, siga as etapas abaixo.

1- Adicione css à seção css do blog

.responsivo a vídeo { posição: relativa; preenchimento inferior: 56,25%; altura: 0; estouro: oculto; } .vídeo responsivo a vídeo { posição: absoluta; superior: 0; esquerda: 0; largura: 100%; altura: 100%; borda:0; }

2- Use o código a seguir para exibir vídeos do Google Drive com elementos de vídeo HTML5 na postagem.

<div class="video-responsivo"> <controles de vídeo> <source type="video/mp4" src="Direcione o URL do vídeo aqui"> </vídeo> </div>

Como obter um link diretamente do Google Drive, provavelmente todo mundo sabe porque não é muito complicado. Por exemplo:
O link compartilhado se parece com:
1- https://drive.google.com/file/d/ABCDXYTZ/view?usp =compartilhando
Ou
2- https://drive.google.com/open?id=ABCDXYTZ
O link de download direto está no formato:
https://drive.google.com/uc?id=ABCDXYTZ
Para maior comodidade, você pode usar o ferramenta Abaixo está o link de download direto usado para postar vídeos do Google Drive com o elemento de vídeo HTML5 no blogspot, colando o primeiro link de compartilhamento na ferramenta e clicando em "Criar link direto" para obter o link.

Gerador de link de download direto do Google Drive

Insira seu URL de compartilhamento:
 

Link de saída:

Código para criar uma tabela para quem precisar.

Baixar aqui