Embed

embed.classname#

Type: string

Default: 'embed-content'

CSS class applied to the media element (iframe, video, embed, or audio) inside the embed block.

const app = Redactor('#entry', {
  embed: {
    classname: 'my-embed-content'
  }
});

Use your own class name when you want custom styling for embedded media in published HTML.

embed.responsive#

Type: boolean

Default: false

Enables a responsive wrapper around embedded media.

When true:

• New embeds are inserted with a responsive wrapper by default
• The Responsive video checkbox in the embed insert/edit form is pre-checked

The wrapper uses embed.responsiveClassname. Redactor’s default stylesheet applies a 16:9 aspect-ratio box for iframe inside .embed-responsive.

const app = Redactor('#entry', {
  embed: {
    responsive: true
  }
});

Resulting structure:

<figure>
  <div class="embed-responsive">
    <iframe class="embed-content" src="…"></iframe>
  </div>
  <figcaption>…</figcaption>
</figure>

Without responsive mode, media is placed directly inside <figure>.

embed.responsiveClassname#

Type: string

Default: 'embed-responsive'

CSS class on the responsive wrapper <div>. Change it when your site theme already defines responsive embed utilities under a different name.

const app = Redactor('#entry', {
  embed: {
    responsive: true,
    responsiveClassname: 'ratio ratio-16x9'
  }
});

If you use custom class names, add matching CSS in your content styles — Redactor only ships rules for the default embed-responsive class.