Newer
Older
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
# hy-video
<!-- Auto Generated Below -->
## Properties
| Property | Attribute | Description | Type | Default |
| --------------------- | ----------------------- | -------------------------------------------------- | --------- | ---------------- |
| `contextLabel` | `context-label` | Context label | `string` | `undefined` |
| `contextLabelVisible` | `context-label-visible` | Should context label be visible | `boolean` | `false` |
| `dateAdded` | `date-added` | Date added date as string | `string` | `undefined` |
| `dateAddedLabel` | `date-added-label` | Label for date added | `string` | `undefined` |
| `duration` | `duration` | Duration number | `string` | `undefined` |
| `durationLabel` | `duration-label` | Label for duration number | `string` | `undefined` |
| `headerstyle` | `headerstyle` | | `string` | `'with-sidebar'` |
| `horizontal` | `horizontal` | Use horizontal layout where metadata is on side | `boolean` | `false` |
| `linkToVideo` | `link-to-video` | Url to video, used with preview image | `string` | `undefined` |
| `playButtonLabel` | `play-button-label` | Label for play button if preview image is provided | `string` | `undefined` |
| `playButtonVisible` | `play-button-visible` | Should play button be visible | `boolean` | `false` |
| `previewImageUrl` | `preview-image-url` | Preview image url | `string` | `undefined` |
| `videoDescription` | `video-description` | Video description | `string` | `undefined` |
| `videoTitle` | `video-title` | Video title | `string` | `undefined` |
| `views` | `views` | Views count number | `string` | `undefined` |
| `viewsLabel` | `views-label` | Label for views number | `string` | `undefined` |
## Dependencies
### Depends on
- [hy-icon](../icon)
- [hy-heading](../heading)
- [hy-paragraph-text](../paragraph-text)
### Graph
```mermaid
graph TD;
hy-video --> hy-icon
hy-video --> hy-heading
hy-video --> hy-paragraph-text
style hy-video fill:#f9f,stroke:#333,stroke-width:4px
```
---
Helsinki University Design System