Eu sou bastante novo na marcação (embora seja extremamente fácil de pegar). Estou trabalhando em um pacote e estou tentando fazer com que as páginas wiki fiquem bonitas como um manual de ajuda. Posso inserir um link de vídeo do YouTube na página wiki com bastante facilidade, mas como faço para incorporar um vídeo do YouTube. Eu sei que isso pode não ser possível.
Eu li que você pode usar tags HTML, então tentei incorporar com HTML por este link da seguinte maneira:
<object width="425" height="350">
<param name="movie" value="http://www.youtube.com/user/wwwLoveWatercom?v=BTRN1YETpyg" />
<param name="wmode" value="transparent" />
<embed src="http://www.youtube.com/user/wwwLoveWatercom?v=BTRN1YETpyg"
type="application/x-shockwave-flash"
wmode="transparent" width="425" height="350" />
</object>
E salvou a página, mas nada aconteceu.
- É possível incorporar um vídeo do YouTube nas páginas wiki do GitHub?
- Se sim, como?
Respostas:
Não é possível incorporar vídeos diretamente, mas você pode colocar uma imagem vinculada a um vídeo do YouTube:
[![IMAGE ALT TEXT HERE](https://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](https://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE)
Para mais informações, consulte esta folha de dicas do Markdown no GitHub.
fonte
Exemplo completo
Embora não seja possível incorporar um vídeo no Markdown, você pode "falsificá-lo" incluindo uma imagem vinculada válida no seu arquivo de marcação, usando este formato:
[![IMAGE ALT TEXT](http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE "Video Title")
Explicação da remarcação
Se esse snippet de marcação parecer complicado, divida-o em duas partes:
uma imagem
![image alt text](https://example.com/link-to-image)
enrolada em um link
[link text](https://example.com/my-link "link title")
Exemplo usando Markdown válido e miniatura do YouTube:
Estamos adquirindo a imagem em miniatura diretamente do YouTube e vinculando ao vídeo real. Assim, quando a pessoa clicar na imagem / miniatura, ela será direcionada ao vídeo.
Código:
[![Everything Is AWESOME](https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg)](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")
OU Se você quiser fornecer aos leitores uma dica visual de que a imagem / miniatura é realmente umvídeo reproduzível , tire sua própria captura de tela do vídeo no YouTube e use-a como miniatura.
Exemplo usando captura de tela com controles de vídeo como sugestão visual:
Código:
[![Everything Is AWESOME](http://i.imgur.com/Ot5DWAW.png)](https://youtu.be/StTqXEQ2l-Y?t=35s "Everything Is AWESOME")
Vantagens claras
Embora isso exija algumas etapas extras ( a ) capturando a captura de tela do vídeo e ( b ) enviando-a para que você possa usar a imagem como miniatura, ela possui três vantagens claras :
A captura e o upload de uma captura de tela levam alguns segundos, mas têm um grande retorno.
Funciona em qualquer lugar!
Como se trata de remarcação padrão, funciona em qualquer lugar. tente no GitHub, Reddit, Ghost e aqui no Stack Overflow.
Vimeo
Essa abordagem também funciona com vídeos do Vimeo
Exemplo
Código
Notas:
fonte
[![Everything Is AWESOME](//img.youtube.com/vi/StTqXEQ2l-Y/0.jpg)](//www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")
http
ouhttps
no GitHub por exemplo: github.com/dwyl/remote-working onde a imagem de vídeo e trabalho link ...O Markdown não suporta oficialmente incorporações de vídeo, mas você pode incorporar HTML bruto. Eu testei com o GitHub Pages e ele funciona perfeitamente.
O trecho se parece com:
PS: Você pode conferir a prévia ao vivo aqui
fonte
Se você gosta de tags HTML mais do que markdown + alinhamento central:
fonte
Alinhe ao centro o vídeo com a miniatura e o link:
Resultado:
fonte
https://img.youtube.com/vi/ID_OF_VIDEO/0.jpg
e a API para formar links de imagem é explicada em detalhes nesta resposta: stackoverflow.com/a/2068371/55478Eu criei https://yt-embed.herokuapp.com/ para simplificar isso. O uso é direto, dos exemplos acima:
Vai resultar em:
Basta ligar para: https://yt-embed.herokuapp.com/embed?v=[video_id] como a imagem em vez de https://img.youtube.com/vi/ .
fonte
Confira mais dicas, truques sobre o youtube
fonte