| 1 | ## Video and Audio Embedding
|
| 2 |
|
| 3 | 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.
|
| 4 |
|
| 5 | For example, the syntax `` will display the video at `https://vimeo.com/253898691` as an embedded video. Smartdown currently supports two options `thumbnail` and `fullwidth` (the default) which can be placed in the label portion of the URL. For example, `` will display the video in a fixed-size small frame, as opposed to `` which displays a responsive video that occupies the full available width.
|
| 6 |
|
| 7 |
|
| 8 | ### YouTube
|
| 9 |
|
| 10 | Thumbnail of https://youtu.be/m3dZl3yfGpc with syntax:
|
| 11 |
|
| 12 | ``
|
| 13 |
|
| 14 | 
|
| 15 |
|
| 16 |
|
| 17 | Fullwidth of https://youtu.be/m3dZl3yfGpc with syntax:
|
| 18 |
|
| 19 | `https://youtu.be/m3dZl3yfGpc`
|
| 20 |
|
| 21 | 
|
| 22 |
|
| 23 |
|
| 24 | ### Vimeo
|
| 25 |
|
| 26 | Thumbnail of https://vimeo.com/69563998 using the syntax:
|
| 27 |
|
| 28 | ``
|
| 29 |
|
| 30 | 
|
| 31 |
|
| 32 |
|
| 33 | Fullwidth of https://vimeo.com/253898691 using the syntax:
|
| 34 |
|
| 35 | ``
|
| 36 |
|
| 37 | 
|
| 38 |
|
| 39 |
|
| 40 |
|
| 41 | ### GIFs
|
| 42 |
|
| 43 | I'm experimenting with incorporating GIFs for the purpose of building a tutorial. The use of the keyword `player` in the label of the Smartdown link syntax indicates that a play/pause button should be added to the GIF viewer.
|
| 44 |
|
| 45 | Embedding https://upload.wikimedia.org/wikipedia/commons/c/cb/An_EPIC_Eclipse.gif with the syntax:
|
| 46 |
|
| 47 | ``
|
| 48 |
|
| 49 | 
|
| 50 |
|
| 51 | By NASA (NASA Earth Observatory) [Public domain] via [Wikimedia Commons](https://commons.wikimedia.org/wiki/File%3AAn_EPIC_Eclipse.gif)
|
| 52 |
|
| 53 |
|
| 54 |
|
| 55 | ### MP3 and other Audio Formats
|
| 56 |
|
| 57 | Embedding https://unpkg.com/smartdown/docs/lib/resources/Damscray_DancingTiger.mp3 with the syntax:
|
| 58 |
|
| 59 | ``
|
| 60 |
|
| 61 | 
|
| 62 |
|
| 63 |
|
| 64 | ---
|
| 65 |
|
| 66 | [Back to Home](:@Home)
|