Skip to content

Latest commit

 

History

History
79 lines (38 loc) · 2.32 KB

Video.md

File metadata and controls

79 lines (38 loc) · 2.32 KB

Video and Audio Embedding

As of Smartdown 0.0.63, URLs that refer to videos, images, tweets and audio will be displayed as clickable links, rather than embedded media. By using Markdown's image-embedding syntax, these media types will be displayed with an appropriate player.

For example, the syntax ![](https://vimeo.com/253898691) will display the video at https://vimeo.com/253898691 as an embedded video. Smartdown currently supports optional keywords which can be placed in the label portion of the URL. For example, ![thumbnail](https://vimeo.com/253898691) will display the video in a fixed-size small frame, as opposed to ![fullwidth](https://vimeo.com/253898691) which displays a responsive video that occupies the full available width.

Currently supported sizes for videos are:

  • thumbnail
  • halfwidth
  • fullwidth (the default)

YouTube

Thumbnail of https://youtu.be/m3dZl3yfGpc with syntax:

![thumbnail](https://youtu.be/m3dZl3yfGpc)

thumbnail

Halfwidth of https://youtu.be/m3dZl3yfGpc with syntax:

![halfwidth](https://youtu.be/m3dZl3yfGpc)

halfwidth

Fullwidth of https://youtu.be/m3dZl3yfGpc at 00:08 (8 seconds), autoplay, with syntax:

https://youtu.be/m3dZl3yfGpc?start=8&autoplay=1

fullwidth

YouTube URL Syntax

Thumbnails of a cool sentence diagramming TEDx video, using both types of YouTube video URL syntax. In both cases, the player begins at 160 seconds, where the speaker explains:

Only a monster eats an Oreo without taking it apart first

  • Aerin Bender, 2019 - TEDxDakotaRidge

![thumbnail](https://youtu.be/Ec6J0X_PldU?start=160)

thumbnail


![thumbnail](https://www.youtube.com/watch?v=Ec6J0X_PldU&start=160)

thumbnail


YouTube API Experiments

VideoAPI

Vimeo

Thumbnail of https://vimeo.com/253898691 using the syntax:

![thumbnail](https://vimeo.com/253898691)

thumbnail

Fullwidth of https://vimeo.com/253898691 at 01:30 (90 seconds) using the syntax:

![fullwidth](https://vimeo.com/253898691#t=90s)

fullwidth


Back to Home