Visiroll
Log inStart free

WORDPRESS INTEGRATION

Publish a responsive video.
No plugin required.

Copy the iframe Visiroll generates, paste it into a Custom HTML block, and approve every hostname where the page can appear.

Before you start

  • The video must be Ready and published to the intended website in Visiroll.
  • You need permission to add unsanitized iframe markup. WordPress may remove iframe tags for roles without the required capability.
  • On WordPress.com, iframe and script tags require a paid plan with hosting features active.

Use the Visiroll iframe, not WordPress’s generic URL Embed block. Visiroll is not an oEmbed provider and does not require a WordPress plugin.

Add the player

  1. Copy the embed.Open the video in Visiroll, choose Share, then select Copy embed code.
  2. Add a Custom HTML block.In the WordPress block editor, use the block inserter or type /html.
  3. Paste the complete iframe.Keep its allow, allowfullscreen, dimensions and inline responsive style intact.
  4. Preview the public page.Save or publish, then test the frontend at mobile and desktop widths. The editor preview is not the final playback environment.
<iframe src="https://visiroll.com/v/VIDEO_ID" title="Campaign video" width="1080" height="1350" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen loading="lazy" style="border:0;aspect-ratio:1080/1350;width:100%;height:auto;background:#070908"></iframe>

Approve every hostname

In Visiroll, open Websites → Settings → Allowed domains. Add the hostname serving the page, without a protocol or path: for example example.com and www.example.com. Add a staging hostname separately if editors preview there.

The video must also be selected under the Share tab’s Published on list. Publication and domain approval are separate checks.

Landscape, square and vertical video

The copied iframe uses the processed video’s real width and height in both HTML attributes and aspect-ratio. Its width is fluid and height is automatic, so a 1080 × 1350 video remains vertical rather than being forced into 16:9.

Place the block in a content column wide enough for the player. Do not add a fixed CSS height around it. If the theme constrains iframes globally, override that theme rule rather than replacing the ratio in Visiroll’s code.

Troubleshooting

The code disappears after saving

The current WordPress user or WordPress.com plan is sanitizing iframe markup. Use an account with the required capability; on WordPress.com confirm paid hosting features are active.

Playback unavailable

Confirm the frontend hostname is allowed and the video is published to that Visiroll website. Include both www and apex variants when both serve pages.

It works in admin but not publicly

Test the exact published URL. Clear page/CDN caches, then inspect whether the site’s own Content Security Policy permits frames from https://visiroll.com.

Autoplay or fullscreen fails

Keep allow="autoplay; fullscreen; picture-in-picture" and allowfullscreen. Browsers generally require autoplay to start muted.

Platform referencesWordPress.org: Custom HTML blockWordPress.com: custom HTML requirements

Before publishing, use the video embed performance checklist. Need JavaScript control or completion events? Continue with the Player API reference.