How to Embed Videos & Livestreams

FACEBOOK (STANDARD 16:9 VIDEO) 
1. When viewing on Facebook, click the "..." icon, select "Embed" then copy the provided embed code. For example, the embed code for this video https://www.facebook.com/48330349120/videos/205605677176177/ is:
<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2F48330349120%2Fvideos%2F205605677176177%2F&show_text=0&width=560" width="560" height="315" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>

2. Replace EMBEDCODE in the following with the copied embed code:
<div class="fluid-video-wrapper">EMBEDCODE</div>

3. Open the HTML editor on your event or /p/ page, paste in the edited embed code, preview changes + save
<div class="fluid-video-wrapper"><iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2F48330349120%2Fvideos%2F205605677176177%2F&show_text=0&width=560" width="560" height="315" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe></div> 


FACEBOOK (SQUARE VIDEO)
1. When viewing on Facebook, click the "..." icon, select "Embed" then copy the provided embed code. For example, the embed code for this video https://www.facebook.com/helloDoLA/videos/1109706042549736/ is:
<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FhelloDoLA%2Fvideos%2F1109706042549736%2F&show_text=0&width=476" width="476" height="476" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe> 

2. Replace EMBEDCODE in the following with the copied embed code:
<div class="fluid-video-wrapper fluid-video-wrapper-square">EMBEDCODE</div>

3. Open the HTML editor on your event or /p/ page, paste in the edited embed code, preview changes + save
<div class="fluid-video-wrapper fluid-video-wrapper-square"><iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FhelloDoLA%2Fvideos%2F1109706042549736%2F&show_text=0&width=476" width="476" height="476" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe></div>


TWITCH
1. Locate the profile name for the channel you want to embed. For example, the profile name of this channel https://www.twitch.tv/monstercat is monstercat

2. Replace CHANNELNAME in the following embed with the correct channel name:
<div class="fluid-video-wrapper fluid-video-wrapper-twitch"><iframe src="https://embed.twitch.tv?channel=CHANNELNAME" allowfullscreen="" scrolling="no" frameborder="0" allow="autoplay; fullscreen" width="854" height="480"></iframe></div>

3. Open the HTML editor on your event or /p/ page, paste in the edited embed code, preview changes + save
<div class="fluid-video-wrapper fluid-video-wrapper-twitch"><iframe src="https://embed.twitch.tv?channel=monstercat" allowfullscreen="" scrolling="no" frameborder="0" allow="autoplay; fullscreen" width="854" height="480"></iframe></div> 


VIMEO
1. Locate the video ID for the video you want to embed. For example, the ID of this video https://vimeo.com/394319109 is 394319109

2. Replace VIDEOID in the following embed with the correct channel name:
<div class="fluid-video-wrapper"><iframe src="https://player.vimeo.com/video/VIDEOID" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div>

3. Open the HTML editor on your event or /p/ page, paste in the edited embed code, preview changes + save
<div class="fluid-video-wrapper"><iframe src="https://player.vimeo.com/video/394319109" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div>


YOUTUBE
1. Copy the URL of the video you want to embed.

2. On the event or /p/ page, click the “+” toolbar, select the Video button, then paste in your youtube URL.

Note: make sure you input an https URL (embedding an http URL is not supported).
Comments