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 |