Skip to main content

Embeddable Content - YouTube, Vimeo, Miro, Google Docs, etc

Jeff
  • Updated

Use the following to generate URL Links for the Open in Panel Interaction and Web Frame Plugin.

Not all embeddable iFrames are supported by Spaces but many are. Let us know your favorites!

 

YouTube

For YouTube videos, use the following embed code. Replace "VIDEOCODE" with the Youtube Video Code usually found after v= and before the question mark ? "https://www.youtube.com/watch?v=aBc12DeF3g"

https://www.youtube.com/embed/VIDEOCODE?autoplay=1

 

You can use the following attributes after the Embed Code to utilize certain embed elements. The first added element uses "?" instead of "&"

https://www.youtube.com/embed/VIDEOCODE?autoplay=1&loop=1

 

Description Code

Autoplay (default) starts the video immediately when loaded. Without autoplay, the guest will need to click the 'play' button to start the video.

 ?autoplay=1
Start with audio Muted &mute=1
Hide Controls &controls=0
Show Controls &controls=1
Hide Fullscreen Button &fs=0
Loop Video &loop=1

 

Vimeo

Use the following Embed Code for Vimeo videos. Replace "VIDEOCODE" with the Vimeo Video Code. "https://vimeo.com/123456789"

https://player.vimeo.com/video/VIDEOCODE?autoplay=1&loop=1&autopause=0

To Mute a Vimeo Embed, add the following to the end of the embed URL.

&muted=1 (muted)

Description Code

Autoplay (default)

 ?autoplay=1

Loop (default)

&loop=1

Mute

&muted=1

 

Google Docs & Google Slides Presentations

Embed Google Documents and Slides Presentations by Publish To Web in Google Docs.

Google Support Guide: Make Google Docs, Sheets, Slides & Forms public 

  1. With your Document open, choose File > Publish to the Web
  2. Copy the Embed Code between quotes after <iframe src=

Google Docs Example URL (use bolded portion from your link):

<iframe src="https://docs.google.com/document/d/e/2PACX-1vSsmxRjHx22tcjdsDdUwjUp2UY8091ytfDMcuk7aPwDL0tNjI7oLpW8FQBTt5wiAo8FLJ6iinrE9Dgf/pub?embedded=true"></iframe>

Google Slides Presentation Example URL (use bolded portion from your link):

<iframe src="https://docs.google.com/presentation/d/e/1ABCDEFG1vR8jUP6--4gL8uFhnnzTK5iBfpSjY5n1cdEabcDeFgH-_y9Kbja7PWzF2Q7qkxYaw5GQq-h9J2S0Zqh/embed?start=true&loop=true&delayms=3000" frameborder="0" width="960" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

 

Miro Team Collaboration Boards

https://miro.com/

62fbc3f9eaed6.png62fbc3fa89a87.png

  1. Choose "Export this Board" in the top-left menu
  2. Choose "Embed"
  3. Copy Embed Code
  4. Use SRC url between the quotations, remove excess elements.
<iframe width="768" height="432" src="https://miro.com/app/live-embed/uXjVPfOGuRg=/?moveToViewport=-1224,-1234,1234,9876&embedId=343204557393" frameborder="0" scrolling="no" allowfullscreen></iframe>
  1. Paste this embed URL into the URL field in Spaces.

Witeboard

https://witeboard.com/ 

 

Padlet

https://padlet.com/ 

 

PDF

  1. Upload PDF to Vatom Spaces Storage
  2. Find file in Storage and choose "Copy URL"
  3. Use with "Open in Panel" interaction in a Fullscreen Panel.

 

 

Related articles

Comments

0 comments

Please sign in to leave a comment.