Embeddable Content

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

becomes

https://www.youtube.com/embed/ aBc12DeF3g ?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, and replace "123456789" with the full string from the video URL.

https://vimeo.com/123456789

https://player.vimeo.com/video/ 123456789 ?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>

Microsoft PowerPoint

PowerPoint presentations can be embedded via iFrame when they are stored in Microsoft OneDrive cloud. Sharing Settings must be set to "Anyone with the Link can View" under Sharing > Links.

1. Choose File > Share > Embed this Presentation
2. Copy the Embed Code Source. This is the link directly after "iframe src=" within the immediate quotes.

<iframe src="**https://1drv.ms/p/c/1fb3e7e696356e0e/IQSXk2oqrb4tTooQfPX81ACIAaAY6h7iEpUQdu8n6P2tNqc?em=2&amp;wdAr=1.7777777777777777**" width="476px" height="288px" frameborder="0">This is an embedded <a target="\_blank" href="https://office.com">Microsoft Office</a> presentation, powered by <a target="\_blank" href="https://office.com/webapps">Office</a>.</iframe>

Miro Team Collaboration Boards

https://miro.com/

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

Upload PDF to Vatom Spaces Storage. Choose "Copy URL" to copy the link.

Use with "Open in Panel" interaction in a Fullscreen Panel.

If you would like to hide the toolbar in the PDF viewer, add #toolbar=0 to the end of the PDF URL.