1. Knowledge Center
  2. Distribution
  3. Embedding the WIREWAX iFrame Player

How do I embed my WIREWAX video onto my website?

Create your own iframe embed code for embedding your interactive experience

At WIREWAX we’ve perfected our own lightweight, HTML5 iframe player. This is the most popular way to distribute your WIREWAX video. Check out our proprietary player in action on our Showcase page.

If you’re looking to host your video on your own website – on desktop, mobile, or app – this is a great option. The WIREWAX player is fully responsive and will dynamically serve appropriate renditions for all the devices and browsers out there, across mobile and desktop. Our player also enables all mobile video to play in-browser – even on the iPhone.

To use the WIREWAX iframe, simply copy the iframe code provided under the ‘Embed’ tab in the video editor and paste into your CMS or website backend. Here you can add customizations such as responsiveness, size and display options of your video.

Some devices will prevent WIREWAX video from going fullscreen, which is why we recommend always embedding your interactive content to the width of the screen to make the most of the available real estate on smaller screens.

⚠️ Smart Tip: Generate customized iFrames with the tool available on our view pages. Replace the last 7 digits of the URL with any video ID of your choice.

A sample iFrame code is below:

<div style="position: relative; width: 100%; height: 0; padding-bottom: 56.25%;"><iframe style="position: absolute; top: 0; left: 0;" width="100%" height="100%" src="https://embedder.wirewax.com/8165896/" frameborder="0" scrolling="yes" allowfullscreen></iframe></div>

Wordpress pages:

For Wordpress, use the embed.ly plugin and wrap your iframe as above.

CMS:

Some websites may have restrictive CMS systems - if you're unsure, email support@wirewax.com about how to best integrate your video.

Read more tips on Distributing and Embedding your WIREWAX videos on our Success Center.