diff options
| author | Jieiku | 2024-08-25 00:12:18 -0700 |
|---|---|---|
| committer | Jieiku | 2024-08-25 00:12:18 -0700 |
| commit | 8765d5820d94484794f24d9cc62468f3f72cf3e0 (patch) | |
| tree | 82a9fa056a87e6cc95d22970ba10614a1aa095a1 /content/overview-rich-content | |
| parent | 9dbbae6f8f8ef1028c95ff7e6290092eb110fe5b (diff) | |
| download | abridge-8765d5820d94484794f24d9cc62468f3f72cf3e0.tar.gz abridge-8765d5820d94484794f24d9cc62468f3f72cf3e0.tar.bz2 abridge-8765d5820d94484794f24d9cc62468f3f72cf3e0.zip | |
Add additional video shortcode options
Diffstat (limited to 'content/overview-rich-content')
| -rw-r--r-- | content/overview-rich-content/index.fr.md | 28 | ||||
| -rw-r--r-- | content/overview-rich-content/index.md | 28 |
2 files changed, 56 insertions, 0 deletions
diff --git a/content/overview-rich-content/index.fr.md b/content/overview-rich-content/index.fr.md index 2ffd76e..9c2047f 100644 --- a/content/overview-rich-content/index.fr.md +++ b/content/overview-rich-content/index.fr.md @@ -20,6 +20,24 @@ Plusieurs codes abrégés personnalisés sont inclus pour augmenter CommonMark ( Le `video` shortcode prend un `sources` paramètre (un tableau de chaînes) et renvoie une `<video>` balise. Chaque chaîne du `sources` tableau doit être un chemin vers un fichier vidéo d'un type différent (`webm`, `mp4`, etc). Chaque source individuelle est ensuite convertie en `<source>` balise et l'élément est renvoyé. +- sources sont un tableau de chemins de fichiers vidéo. (obligatoire) +- class définit une classe pour la vidéo. +- caption définit le texte de la légende sous la vidéo. +- w définit la largeur de la vidéo. +- h définit la hauteur de la vidéo. +- autoplay lorsqu'il est défini sur "true", lit automatiquement la vidéo au chargement. +- loop lorsqu'il est défini sur "true", lit la vidéo en boucle. +- muted lorsqu'il est défini sur "true", règle le son initialement coupé. + +** les sources peuvent être le même chemin, un chemin relatif ou un chemin racine, comme le [img shortcode](https://abridge.pages.dev/overview-images/#img-shortcode) ** + +Cours optionnels: + +- ci peut être utilisé pour centrer l'image. +- fr peut être utilisé pour faire flotter l'image à droite. +- fl peut être utilisé pour faire flotter l'image vers la gauche. +- b1 peut être utilisé pour ajouter une bordure de 1px. + ### Usage ```rs {{/* video(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) */}} @@ -30,6 +48,16 @@ Le `video` shortcode prend un `sources` paramètre (un tableau de chaînes) et r ``` {{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }} +### Usage +```rs +{{/* video(sources=["over9000_av1.mp4", "over9000_vp9.webm"] muted="true" class="ci b1" caption="It's Over 9000!!") */}} +``` +### Sortir +```html +{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"] muted="true" class="ci b1" caption="It's Over 9000!!") }} +``` +{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"] muted="true" class="ci b1" caption="It's Over 9000!!") }} + ## Image Le `image` shortcode renvoie une `<picture>` balise et accepte trois paramètres : `sources` (un tableau de chaînes), `fallback_path`, et `fallback_alt` (les deux chaînes). diff --git a/content/overview-rich-content/index.md b/content/overview-rich-content/index.md index c42fe98..89bbcb4 100644 --- a/content/overview-rich-content/index.md +++ b/content/overview-rich-content/index.md @@ -24,6 +24,24 @@ be a path to a video file of a different type (`webm`, `mp4`, etc). Each individual source is then converted into a `<source>` tag, and the element is returned. +- sources is an array of video file paths. (mandatory) +- class sets a class for the video. +- caption sets the caption text below the video. +- w sets the width of the video. +- h sets the height of the video. +- autoplay when set to "true", autoplays the video on load. +- loop when set to "true", plays the video on a loop. +- muted when set to "true", sets the audio muted initially. + +** sources can be same path, relative path, or root path, like the [img shortcode](https://abridge.pages.dev/overview-images/#img-shortcode) ** + +Optional Classes: + +- ci can be used to center the image. +- fr can be used to float the image right. +- fl can be used to float the image left. +- b1 can be used to add a 1px border. + ### Usage ```rs {{/* video(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) */}} @@ -34,6 +52,16 @@ element is returned. ``` {{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }} +### Usage +```rs +{{/* video(sources=["over9000_av1.mp4", "over9000_vp9.webm"] muted="true" class="ci b1" caption="It's Over 9000!!") */}} +``` +### Output +```html +{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"] muted="true" class="ci b1" caption="It's Over 9000!!") }} +``` +{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"] muted="true" class="ci b1" caption="It's Over 9000!!") }} + ## Image The `image` shortcode returns a `<picture>` tag and accepts three |
