1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
|
+++
date = 2021-05-07T15:00:00Z
description = "Sample article showcasing a custom Zola component for embedding Vimeo Videos into your pages."
draft = false
title = "Embed Vimeo"
[extra]
keywords = "Video, Components, Embed, Embedded, Vimeo"
series = "Features"
toc = true
[taxonomies]
tags = [
"Features",
"Components",
"Video",
]
+++
Zola has many components, and new are easily added, this example shows vimeo.
<!-- more -->
## Vimeo
### Usage
{% raw %}
```rs
{{<vimeo id="514402648" />}}
```
{% endraw %}
- `id` - the video id (mandatory)
- `class` - a class to add to the <div> surrounding the iframe (optional)
- `autoplay` - when set to "true", the video autoplays on load (optional)
- `loop` - when set to "true", the video plays on a loop (optional)
- `noautopause` - when set to "true", the video will not autopause (optional)
- `title` - set alt title for the iframe (optional, defaults to "Vimeo")
- `cookie` - set to "true" if you want tracking cookies, otherwise it defaults to false.
### Output
```html
{{<vimeo id="514402648" />}}
```
{{<vimeo id="514402648" />}}
|
