Estoy escribiendo una aplicación web en .NET MVC4 y le gustaría usar Markdown. Entiendo que hay un par de abrir la fuente C# Rebajas de las bibliotecas, pero no he encontrado uno que obviamente admite la incrustación de vídeos de youtube o Vimeo en el interior de las Rebajas de texto.

¿Alguien sabe si es posible?

  • markdown-youtube es en JS & PHP. Yo creo que usted puede fácilmente hacer algo como esto en C#.
InformationsquelleAutor Matt | 2013-01-07

4 Comentarios

  1. 101

    La Solución con Estándar de Rebajas ( no iFrame! )

    Con un iframe es no la «obvio» solución… especialmente si la Reducción del analizador (o plataforma de publicación) que está utilizando no soporta inline contenido de un sitio web diferente … en Lugar usted puede «fingir» mediante la inclusión de un vinculado válido imagen en su archivo Markdown, utilizando 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")

    Explicación de las Rebajas

    Si esta de rebajas fragmento se ve muy complicado, que se dividen en dos partes:

    una imagen

    ![image alt text](http//example.io/link-to-image)

    envuelto en un enlace

    [link text](http//example.io/my-link "link title")

    Ejemplo de uso Válido de las Rebajas y YouTube Miniatura:

    Es posible incrustar Youtube/Vimeo videos en Markdown el uso de un C# Rebajas biblioteca

    Estamos de abastecimiento de las miniatura imagen directamente de YouTube y el enlace a la real de vídeo, de modo que cuando la persona hace clic en la imagen en miniatura que se tomarán para el 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")

    O Si usted desea dar a los lectores una señal visual que la imagen en miniatura es en realidad un jugable video, tomar su propia captura de pantalla del video en YouTube y usar eso como la miniatura en su lugar.

    Ejemplo de uso de la Captura de pantalla con los Controles de Vídeo como señal Visual:

    Es posible incrustar Youtube/Vimeo videos en Markdown el uso de un C# Rebajas biblioteca

    Código:

    [![Everything Is AWESOME](http://i.imgur.com/Ot5DWAW.png)](https://youtu.be/StTqXEQ2l-Y?t=35s "Everything Is AWESOME")

     Claro Ventajas

    Aunque esto requiere un par de pasos extra (un) de tomar la captura de pantalla el video (b) subirlo así que usted puede utilizar la imagen como miniatura tiene 3 claro ventajas:

    1. La persona que lee su markdown (o página html resultante) tiene un señal visual decirles que ellos pueden ver el video (controles de vídeo anime a hacer clic)
    2. Usted puede elegir una fotograma específico en el vídeo para su uso como la miniatura (con lo que su contenido más atractivo)
    3. Puede enlace a un tiempo específico en el video de que el juego comenzará cuando el vinculado imagen se hace clic. (en nuestro caso a partir de los 35 segundos)

    Tomar una captura de pantalla tarda un par de segundos y hay atajos de teclado para cada sistema operativo que copiar la imagen al portapapeles lo que significa que usted puede pegar es aún más rápido para cargar.

    No Sólo C#

    Y ya que este es 100% Estándar de de las rebajas, es obras en todas partes (no sólo para la C# analizador!) … prueba en GitHub, Redit o Fantasma!

    Vimeo

    Este enfoque también funciona con Vimeo videos

    Ejemplo

    Es posible incrustar Youtube/Vimeo videos en Markdown el uso de un C# Rebajas biblioteca

    Código

    [![Little red ridning hood](http://i.imgur.com/7YTMFQp.png)](https://vimeo.com/3514904 "Little red riding hood - Click to Watch!")

    Notas:

    • Gracias por la respuesta. Se prueba que fuera. Muy útil.
    • Esta es una ingeniosa solución. Simple y hace el trabajo. Incluso me hizo reír cuando leí por primera vez de él. Buen trabajo.
    InformationsquelleAutor nelsonic
  2. 24

    Puede utilizar inline HTML para incrustar el vídeo.

    # this is a *markdown* document

<iframe  title="YouTube video player" width="480" height="390" src="http://www.youtube.com/watch?v=TheVideoID?autoplay=1" frameborder="0" allowfullscreen></iframe>

with a **youtube** video embedded
    • Esto ya no funciona como YT no permite este tipo de uso.
    • Ahh mi error – la dirección url debe ser youtube.com/v/theVideoID?html5=1 … o más bien, el uso de la API, no el sitio web con el reloj parámetro
    • Tal vez alguien pensó que lo de la rebaja significaba
    • Muy bonito, pero el uso que iframe rompe el origen mismo de la política. Este post tiene la solución para esto. stackoverflow.com/questions/20498831/…
    • Creo que este es el ideal de la respuesta correcta, puesto que, como usted señala, de las Rebajas siempre ha permitido literales HTML. Agarrar el ‘incrustar’ fragmento de código que YouTube amablemente proporciona (actualmente en la «participación» de las opciones a continuación un vídeo). El fragmento de código que utiliza un <iframe> como en tu ejemplo, pero también tiene un ‘incrustar’ la dirección URL que hace visual y mejoras en la usabilidad de la incrustación. Por supuesto, esto supone que su Rebajas representador de permite de HTML literales.
    InformationsquelleAutor sloth
  3. 2
    <iframe width="560" height="315" src="https://www.youtube.com/embed/-mUJnKI3ipI" frameborder="0" allowfullscreen></iframe>
    InformationsquelleAutor johnnymire
  4. -5

    ¿Qué acerca de la sintaxis para la incorporación de la imagen, se aplica a otros medios de comunicación?

    ![MyImage](https://example.com/image.png)

    Oembed, es interesante realizar la incrustación de más fácil: los usuarios sólo tienen que pegar la dirección URL en lugar de un código iframe.
    Para el vídeo, podría ser

    ![MyVideo](http://www.youtube.com/watch?v=TheVideoID)
    • Esto no funciona. Usted puede hacer algo similar enlace al vídeo con uno de sus previsualizaciones de imagen: [![Video Label](http://img.youtube.com/vi/TheVideoID/0.jpg)](http://www.youtube.com/watch?v=TheVideoID)
    InformationsquelleAutor Romain

Dejar respuesta

Please enter your comment!
Please enter your name here