Video (responsive)
Examples
<turas-video-responsive>
<iframe title="Vimeo video example" src="https://player.vimeo.com/video/1138147650" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" allowfullscreen loading="lazy">
</iframe>
</turas-video-responsive>
<div class="ds_video-responsive">
<iframe title="Vimeo video example" src="https://player.vimeo.com/video/1138147650" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" allowfullscreen loading="lazy">
</iframe>
</div>
Responsive Vimeo video
<turas-video-responsive>
<iframe title="Vimeo video example 2" src="https://player.vimeo.com/video/1138147650" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" allowfullscreen loading="lazy">
</iframe>
</turas-video-responsive>
<div class="ds_video-responsive">
<iframe title="Vimeo video example 2" src="https://player.vimeo.com/video/1138147650" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" allowfullscreen loading="lazy">
</iframe>
</div>
Responsive YouTube video
<turas-video-responsive>
<iframe width="560" height="315" src="https://www.youtube.com/embed/8b6HQ_FhyWI?si=R29sZxfvpBccOf0d" title="Youtube video example" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</turas-video-responsive>
<div class="ds_video-responsive">
<iframe width="560" height="315" src="https://www.youtube.com/embed/8b6HQ_FhyWI?si=R29sZxfvpBccOf0d" title="Youtube video example" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
Optional parameters
- additional-classes - additional CSS classes
- id - the HTML ID attribute
