Patrick's CMS

YouTube video example

(with sound)

Embedded, responsive.

Markup:

<div class="iframe-wrapper">
<iframe width="740" height="auto" src="https://www.youtube.com/embed/Jl6v_wcSFZ0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>

(1) Copy the 'embed' markup from the YouTube page for the video.

(2) Edit width and height as shown.

(3) Enclose the 'embed' markup in a <div> with the class "iframe-wrapper".

(4) Add to a page and either 'Create new page' or 'Update page'.

The 'markup' above assumes that the latest version of superMicro CMS is installed with the default 'White' theme.

The previous markup:

<div class="iframe-wrapper">
<iframe class="responsive" src="https://www.youtube.com/embed/hb_2RQ9ZNX8" gesture="media" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>

Information

Page last modified: 03 December, 2022