Responsive Embeds
With responsive Embeds you can include various iFrames Types like Videos from YouTube or Vimeo, SoundCloud or other iFrame Types. They are fully responsive for all devices, to include please check the Shortcode Instructions below.
- Embed Videos and iFrames with Preloading
- Fully responsive Content Embedding
- Use predefined Formats or your own
- Easily add Classes, IDs and Animations
YouTube
Vimeo
SoundCloud Large
SoundCloud Small
Minimal Shortcode {responsiveembed src="https://www.youtube.com/embed/tu-ICTkM4SE"} Shortcode with some Options {responsiveembed src="https://www.youtube.com/embed/tu-ICTkM4SE" ratio="4by3" class="mt50"}
Parameter Name | Description | Possible values | Default |
---|---|---|---|
src | The Source for the iFrame, please the URL only | ||
ratio | The Ratio for the responsive Embedded Element | 16by9, 4by3 | 16by9 |
data | A Data Attribute for the iFrame Element | ||
class | Add a optional Class to the Shortcode | ||
id | Add a optional unique ID to the Shortcode | ||
style | Add optional Style Attributes to the Shortcode, useful for custom height, use style="padding-bottom: 166px;" for example | ||
animation | Activates a Animation for this Element | Many, check the Animations Page | |
animationduration | How long should the Animation run | Any positive Value for seconds | 1s |
animationdelay | Should the Animation have a delay | Any positive Value for seconds | 0s |