Embeding YouTube Videos in the Event Website

Videos from YouTube or any other video sharing platform can be displayed in your Event Website. These videos share the same functionality as watching from the video host site itself, including player controls if configured.

Getting the Embed Video Code

  1. From the YouTube, navigate to the video you intend to embed
  2. Select Share
  3. Select Embed
  4. Copy the code

Adding the Embed Video Code to PheedLoop

  1. From the Event Dashboard, navigate to Experiences > Website > Sections
  2. Select the Section with the video
  3. Scroll down to Custom Content
  4. Select the Source Code button
  5. Paste the embed code of the video
  6. Select Save
  7. Select Save Changes

Editing the Dimensions of Your Video

If the default size is too small or large for your event website, you can always increase the size by editing the height value in the iframe.

  1. From the Event Dashboard, navigate to Experiences > Website > Sections
  2. Select the Section with the video
  3. Scroll down to Custom Content
  4. Select the Source Code button
  5. Paste the embed code of the video
  6. Edit the Width value to the intended number
  7. Edit the height value to the intended number
    1. It is recommended to keep the width and height values to the same ratio. Otherwise, the video will have black bars to maintain its resolution.
  8. Select Save
  9. Select Save Changes

Once saved, the video will change size to the determined values. If you wish to edit the video source code again, you will need to copy and paste the video’s embed code from the original video site.

How to Center Your Video

By default, the video in your custom section will be aligned to the left. This can be changed within the source code.

To move the position of your video

  1. From the Event Dashboard, navigate to Experiences > Website > Sections
  2. Select the Section with the video
  3. Scroll down to Custom Content
  4. Select the Source Code button
  5. Add the following code in the source code:
<span class="c1"><div style="text-align: center;"><br></span>[The video embed code here]<br></div>
  1. Select Save
  2. Select Save Changes

The video will now be aligned to the center of the section.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us