Incorporando um vídeo do YouTube com o Start e Stop Time do link


Hoje quer mostrar como Incorporando um vídeo do YouTube com o Start e Stop Time do link

Vou pegar um vídeo qualquer com um tamanho quase de 1 hora

 

Agora quero só um trecho

veja como faço

 

https://www.youtube-nocookie.com/embed/CODIGOVIDEO?start=TEMPO&end=FIM;rel=0&showinfo=0

Funcionou bem. Para que um vídeo incorporado do YouTube comece a ser reproduzido em um carimbo de data / hora específico, primeiro calcule o ponto inicial no número total de segundos (60 vezes o número de minutos mais o número de segundos) e faça o mesmo para o ponto final.

Pegue o código de incorporação do YouTube, clicando em Compartilhar> Incorporar. Para selecionar o tamanho do vídeo, clique em Mostrar mais. Escolha o tamanho preferido e copie o código de incorporação.

Ou vá testando até conseguir o ponto certo.

Cole o código de incorporação na sua página do Canvas e encontre o ponto de interrogação.

<iframe width=”300″ src=”https://www.youtube-nocookie.com/embed/KgUsJ5RhgQM?start=225&amp;end=235;rel=0&amp;showinfo=0″ width=”100%” frameborder=”0″ allowfullscreen=”allowfullscreen”>

Vou pegar do 3:25 até 3:45

 

Agora se quiser deixar mais seguro o vídeo, e fazer com que a pessoa não saia do seu site para assistir o vídeo. Que tal bloquear os botões de cima e de baixo?

Vamos só deixar um play ativo com o código abaixo:

Esse é o vídeo completo, tente clicar nos botões do player:

Outro exemplo que só deixar dar o play:

<div style="position:relative">
<div style="position:absolute;top:0px;left:0px;width:100%;height:33%;z-index:77777777777"></div>
<p><iframe width="560" height="315" src="https://www.youtube.com/embed/KgUsJ5RhgQM?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe></p>
<div style="position:absolute;bottom:1px;right:1px;width:100%;height:37%;z-index:77777777777"></div>
</div>


 

Ou veja abaixo

Categoria: html, youtube | Tags: , , , | Postado por joemaster em 29/jun/2020

<< Anterior

Próximo >>

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *