feat: add third app vimeo

MR-Addict · Feb 24, 2024 · 6d50dc8 · 6d50dc8
1 parent 61f9c89
commit 6d50dc8
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 0 deletions.
diff --git a/docs/src/SUMMARY.md b/docs/src/SUMMARY.md
@@ -11,6 +11,7 @@
 
 - [Third Party Apps](third-party/index.md)
   - [Gist](third-party/gist.md)
+  - [Vimeo](third-party/vimeo.md)
   - [Giscus](third-party/giscus.md)
   - [Youtube](third-party/youtube.md)
   - [Codepen](third-party/codepen.md)

diff --git a/docs/src/third-party/vimeo.md b/docs/src/third-party/vimeo.md
@@ -0,0 +1,22 @@
+# Vimeo
+
+Vimeo is a video hosting platform that allows you to upload and share videos.
+
+## Options
+
+| Option  | Description  | Required | Default |
+| :------ | :----------- | :------- | :------ |
+| id      | Video ID     | Yes      | - -     |
+| loading | Loading type | No       | lazy    |
+
+## Example
+
+<!-- embed ignore begin -->
+
+```text
+{% embed vimeo id="914391191" loading="lazy" %}
+```
+
+<!-- embed ignore end -->
+
+{% embed vimeo id="914391191" loading="lazy" %}
diff --git a/templates/vimeo.html b/templates/vimeo.html
@@ -0,0 +1,7 @@
+<iframe
+  name="vimeo"
+  loading="{% raw(loading=lazy) %}"
+  allow="autoplay; fullscreen; picture-in-picture"
+  src="https://player.vimeo.com/video/{% raw(id) %}"
+  style="width: 100%; height: 100%; border: none; aspect-ratio: 16/9; border-radius: 1rem; background: black"
+></iframe>