Embeds
Embeds allow you to create responsive video or slideshow embeds based on the width of the parent.
Basic Example
The following embed types are supported: iframe (by default), video, object and embed.
<d-embed type="iframe"
aspect="16by9"
src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0"
allowfullscreen />
<!-- embeds-1.vue -->
Aspect Ratios
You can also set the embed aspect ratio via the aspect prop. The following aspect ratios are available: 21by9, 16by9, 4by3, 1by1.
Props
| Prop | Description | Type | Default | Required |
|---|---|---|---|---|
| :type | The embed type. | String | "iframe" | False |
| :tag | The embed tag. | String | "div" | False |
| :aspect | The embed aspect ratio. | String | "16by9" | False |