aboutsummaryrefslogtreecommitdiff
path: root/content/overview-rich-content
diff options
context:
space:
mode:
Diffstat (limited to 'content/overview-rich-content')
-rw-r--r--content/overview-rich-content/index.fr.md28
-rw-r--r--content/overview-rich-content/index.md28
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