Como nunca me acuerdo cómo enlazar a un vídeo de YouTube en Markdown, voy a documentar diferentes maneras.
Enlace
[Comprehensive Markdown Crash Course](https://www.youtube.com/watch?v=FEa2diI2qgA)
Ejemplo:
Comprehensive Markdown Crash Course
Enlace con título alternativo
[Comprehensive Markdown Crash Course](https://www.youtube.com/watch?v=FEa2diI2qgA "Título alternativo")
Ejemplo:
Comprehensive Markdown Crash Course
Enlace con imágen
[](https://www.youtube.com/watch?v=FEa2diI2qgA)
Ejemplo:
Enlace con imágen y texto alternativo
[](https://www.youtube.com/watch?v=FEa2diI2qgA "Título alternativo")
Ejemplo:
Iframe
- Abrir el vídeo de YouTube en el navegador
- Seleccionar las siguientes opciones:
Share→Embed - Marcar las opciones:
Show player controlsEnable privacy-enhanced mode
- Pulsar en
Copypara copiar la iframe - Pegarla en el código
<iframe width="320" height="180" src="https://www.youtube-nocookie.com/embed/FEa2diI2qgA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="1"></iframe>
Ejemplo:
Nota: en muchas implementaciones puede ser complicado insertar una iframe directamente en el código. Por ejemplo, en Jekyll es necesario añadir el valor
1al atributoallowfullscreenpara que sea compatible.
API de terceros
Hay quien ha creado una API para obtener el thumbnail del vídeo, añadirle un botón de reproducción y mostrar la imagen que se usará en el enlace:
[](https://www.youtube.com/watch?v=FEa2diI2qgA)
El proyecto Video to markdown! de Marco Montalbano hace algo similar.
[](https://www.youtube.com/watch?v=FEa2diI2qgA "Comprehensive Markdown Crash Course")
Ejemplo:
_includes
Otra opción para incrustar un vídeo es hacerlo mediante la creación de un fichero en el directorio _includes que contendrá el código HTLM que se incluirá en el código usando una sintaxis similar a ésta:
{% include youtubePlayer.html id="FEa2diI2qgA" %}
Los siguientes artículos son diferentes implementaciones de esta idea: