Insertar un vídeo de YouTube
Soy bastante nuevo en el marcado (aunque es extremadamente fácil de recoger). Estoy trabajando en un paquete y estoy tratando de conseguir que las páginas wiki se vean bien como un manual de ayuda. Puedo insertar un enlace de video de youtube en la página wiki con bastante facilidad, pero cómo incrustar un video de youtube. Esto puede no ser posible.
He leído que puede usar etiquetas HTML, así que intenté incrustar con HTML por este ENLACE de la siguiente manera:
<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>
Y guardó la página pero no pasó nada.
- Es ¿es posible incrustar un video de youtube en las páginas wikim de github?
- Si es así, ¿cómo?
5 answers
No es posible incrustar videos directamente, pero puedes poner una imagen que enlace a un video de youtube:
[](https://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE)
Para más información mira aquí. Si quieres mantenerlo simple, simplemente haz un enlace usando la siguiente sintaxis:
[linkname](https://youtubevideourl)
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-03-17 04:41:49
Ejemplo completo
Ampliando la respuesta de @MGA
, Mientras que no es posible incrustar un video en Rebajas puede "fake" mediante la inclusión de un vinculado válido-imagen en su archivo Markdown, utilizando este formato:
[](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE "Video Title")
Explicación de la reducción
Si este fragmento de markdown parece complicado, divídalo en dos partes:
Una imagen
envolver en un enlace[link text](http//example.io/my-link "link title")
Ejemplo usando Markdown válido y Miniatura de YouTube:
Estamos abasteciendo el miniatura imagen directamente de YouTube y enlace al video real, por lo que cuando la persona haga clic en la imagen/miniatura se llevará al video.
Código:
[](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")
O Si usted desea dar a los lectores un señal visual que la imagen/miniatura es en realidad un video jugable, tome su propia captura de pantalla del video en YouTube y use eso como miniatura en su lugar.
Ejemplo usando una captura de pantalla con Controles de Video como Referencia Visual:
Código:
[](https://youtu.be/StTqXEQ2l-Y?t=35s "Everything Is AWESOME")
Clear Ventajas
Mientras que esto requiere un par de pasos adicionales (a) tomando la captura de pantalla del video y (b) subirlo para que puede usar la imagen como su miniatura que tiene 3 clear ventajas :
- La persona que lee tu markdown (o la página html resultante) tiene una señal visual diciéndole que puede ver el video (los controles de video animan a hacer clic)
- Puede elegir un marco específico en el video para usarlo como miniatura (lo que hace que su contenido sea más atractivo)
- Puede enlazar a una hora específica en el vídeo desde el que se iniciará la reproducción cuando se haga clic en la imagen vinculada. (en nuestro caso de 35 segundos)
Tomar una captura de pantalla toma
Funciona En Todas Partes!
Dado que esto es 100% Estándar markdown, funciona en todas partes ... pruébalo en GitHub, Redit, Ghost y por supuesto aquí en StackOverflow!
Vimeo
Este enfoque también funciona con Vimeo videos
Ejemplo
Código
[](https://vimeo.com/3514904 "Little red riding hood - Click to Watch!")
Notas:
- Como a tomar la 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 arrastrarla y soltarla en imgur.com para subir e inmediatamente usarlo como su miniatura; no podría ser más fácil!
- Información de miniaturas de YouTube: ¿Cómo puedo obtener una miniatura de un video de YouTube desde la API de YouTube?
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-05-23 12:18:14
Si te gustan más las etiquetas HTML que markdown + alineación central:
<div align="center">
<a href="https://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE"><img src="https://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg" alt="IMAGE ALT TEXT"></a>
</div>Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-10-30 16:57:31
Expandiendo las respuestas de @MGA y @nelsonic y tratando de hacerlo un un poco más fácil conseguir la rebaja necesaria.
Tomé las sugerencias mencionadas anteriormente, y las junté en una pequeña función de Arcilla que toma una URL de Youtube y un Texto Alternativo de Imagen y te devuelve una Imagen de Enlace MarkDown que puedes pegar en tu ReadMe de Github: https://www.arcilla.run / services/nicoslepicos/github-create-video-embed-mock / code
Trabajará en uno que tiene el reproductor de vídeo controla como sugiere @nelsonic
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-09-24 14:59:17
Usé iframe para incrustar el video de YouTube de la siguiente manera:
<div align="center">
<iframe width="620" height="315"
src="https://www.youtube.com/embed/OhlVBpEnjig">
</iframe>
</div>
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-11-05 15:47:04