Documentation

Overview SDKs API Reference Dashboard Integrations How To's
Integrations > oEmbed Integrations > iFrame

iFrames

Ziggeo's player and recorder elements can be embedded into iFrames.

Steps to include a video player via iFrame

Here are the steps required to embed a Ziggeo video player via iFrame:

  1. Go to your application management on Ziggeo, Iframe Embed tab, and enable embeds.
  2. Select the video-token of the video you would like to embed.
  3. Generate the following iFrame code:
      <iframe src="/?originalUrl=https%3A%2F%2Fziggeo.com%2F%26%2339%3Bhttps%3A%2F%2Fziggeo.io%2Fp%2Fvideo-token%26%2339%3B%2520%2520%2520%2520%2520%2520%2520height%3D%26quot%3B300%26quot%3B%2520%2520%2520%2520%2520%2520%2520frameborder%3D%26%2339%3B0%26%2339%3B%2520%2520%2520%2520%2520%2520%2520scrolling%3D%26%2339%3Bno%26%2339%3B%2520%2520%2520%2520%2520%2520%2520allowspeakers%2520allowautoplay%2520allowfullscreen%2520%2520%2520%2520%2520%2520%2520allow%3D%26%2339%3Bspeakers%2520*%3B%2520autoplay%2520*%3B%2520fullscreen%2520*%26%2339%3B%2520%2520%2520%2520%2520%2520%2520style%3D%26quot%3Bwidth%3A100%25%3Bheight%3A300px%26quot%3B%2520%2520%26gt%3B%26lt%3B%2Fiframe%26gt%3B%253C%2Fcode">

Steps to include a video recorder via iFrame

Here are the steps required to embed a Ziggeo video recorder via iFrame:

  1. Go to your application management on Ziggeo, Iframe Embed tab, and enable embeds.
  2. Select the application-token of this application
  3. Generate the following iFrame code:
      <iframe src="/?originalUrl=https%3A%2F%2Fziggeo.com%2F%26%2339%3Bhttps%3A%2F%2Fziggeo.io%2Fr%2Fapplication-token%26%2339%3B%2520%2520%2520%2520%2520%2520%2520height%3D%26quot%3B300%26quot%3B%2520%2520%2520%2520%2520%2520%2520frameborder%3D%26%2339%3B0%26%2339%3B%2520%2520%2520%2520%2520%2520%2520scrolling%3D%26%2339%3Bno%26%2339%3B%2520%2520%2520%2520%2520%2520%2520allowspeakers%2520allowautoplay%2520allowfullscreen%2520allowmicrophone%2520allowcamera%2520allowusermedia%2520%2520%2520%2520%2520%2520%2520allow%3D%26%2339%3Bspeakers%2520*%3B%2520autoplay%2520*%3B%2520fullscreen%2520*%3B%2520microphone%2520*%3B%2520camera%2520*%3B%2520usermedia%2520*%26%2339%3B%2520%2520%2520%2520%2520%2520%2520style%3D%26quot%3Bwidth%3A100%25%3Bheight%3A376px%26quot%3B%2520%2520%26gt%3B%26lt%3B%2Fiframe%26gt%3B%253C%2Fcode">