Luego de investigar en diferentes repositorios y sitios webs de internet al final nos encontramos con la resolución que te mostraremos ahora.
Solución:
La solución usando Rebaja estándar ( no iFrame! )
Usar un iframe es no los “obvio“solución… especialmente si el analizador de Markdown (o la plataforma de publicación) que está utilizando no es compatible con el contenido insertado de un sitio web diferente… En su lugar, puede “simularlo” al incluir un imagen vinculada válida en su archivo Markdown, usando este formato:
[](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE "Video Title")
Explicación de la rebaja
Si este fragmento de descuento parece complicado, divídalo en dos partes:
una imagen
envuelto en un enlace[link text](http//example.io/my-link "link title")
Ejemplo usando Markdown válido y miniatura de YouTube:
Estamos comprando el miniatura imagen directamente de YouTube y con un enlace al video real, de modo que cuando la persona haga clic en la imagen/miniatura, será llevada al video.
Código:
[](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")
O Si quieres dar a los lectores una ayuda visual que la imagen/miniatura es en realidad una interpretable video, tome su propia captura de pantalla del video en YouTube y utilícela como miniatura en su lugar.
Ejemplo usando captura de pantalla con controles de video como señal visual:
Código:
[](https://youtu.be/StTqXEQ2l-Y?t=35s "Everything Is AWESOME")
Claro Ventajas
Si bien esto requiere un par de pasos adicionales (a) tomando la captura de pantalla del video y (B) subiéndolo para que pueda usar la imagen como su miniatura que tiene 3 claro ventajas:
- La persona que lee su descuento (o la página html resultante) tiene una ayuda visual diciéndoles que pueden ver el video (los controles de vídeo animan a hacer clic)
- Puedes elegir un marco específico en el video para usar como miniatura (lo que hace que su contenido más atractivo)
- Puede enlace a una hora específica en el video desde el cual se iniciará la reproducción cuando se haga clic en la imagen vinculada. (en nuestro caso a partir de 35 segundos)
Tomar una captura de pantalla toma unos segundos y hay atajos de teclado para cada sistema operativo que copian la captura de pantalla en su portapapeles, lo que significa que puede pegar para una carga aún más rápida.
No SolamenteC#
Y ya que esto es 100% estándar descuento, eso obras En todas partes (no solo por el C# analizador!) … ¡pruébalo en GitHub, Redit o Ghost!
Vimeo
Este enfoque también funciona con videos de Vimeo.
Ejemplo
Código
[](https://vimeo.com/3514904 "Little red riding hood - Click to Watch!")
Notas:
- Cómo para tomar captura de pantalla: http://www.take-a-screenshot.org/ (todas las plataformas!)
- Subir imagen en miniatura: Una vez que haya tomado su captura de pantalla, puede arrastrar y soltar en imgur.com para subir e inmediatamente utilícelo como su miniatura; no podría ser más fácil!
- Información de miniaturas de YouTube: ¿Cómo obtengo una miniatura de video de YouTube de la API de YouTube?
- Formato Markdown prestado/modificado/ampliado de: Insertar un video de YouTube
Puede usar HTML en línea para incrustar su video.
# this is a *markdown* document
with a **youtube** video embedded
Recuerda algo, que tienes autorización de explicar si te fue preciso.