You can add YouTube or Vimeo videos as a section background or embed the video code using a Custom widget.
Learn how to find the YouTube embed code.
Learn how to find the Vimeo embed code.
Jump to:
Add a video using a Custom widget
- From your Manage Site page, click Edit site or Site Design.
/msdyn_blobfile/$value)
- Go to the section on which you wish to embed your video.
- Click inside any item element then mouse over the : icon.
/msdyn_blobfile/$value)
- Click the Add Element icon.
/msdyn_blobfile/$value)
- In the Add a new element to item dialog, select Widget.
/msdyn_blobfile/$value)
- In the Widgets dialog, select Custom.
/msdyn_blobfile/$value)
- Click Code.
/msdyn_blobfile/$value)
- Delete any sample code, enter the video embed code, then click the SAVE button.
/msdyn_blobfile/$value)
- Publish when ready.
/msdyn_blobfile/$value)
Note: Scripts such as the embed code will only run on your live site. On your editable site, you will see a placeholder.
/msdyn_blobfile/$value)
Add a video as a section background
Note: Not all section types will allow a video background.
- From your Manage Site page, click Edit site or Site Design.
/msdyn_blobfile/$value)
- Go to the section on which you wish to embed your video.
- Click outside of any item elements then click the : icon.
/msdyn_blobfile/$value)
- Click the Add Element icon.
/msdyn_blobfile/$value)
- Select Video. A default sample video will be added.
/msdyn_blobfile/$value)
- On the new section, click the sample video, then select Edit Video.
/msdyn_blobfile/$value)
- Video Settings will have the following options:
- Choose the Video Source: YouTube or Vimeo.
- Enter the Video ID. Note: Be sure to click Save after entering the Video ID.
- Autoplay (muted)
- Cover
- Mute
- Loop
- Click Remove Video to delete the video.
Click the arrows next to Filters and Opacity & Color for additional options
/msdyn_blobfile/$value)
- Choose a filter for the video.
- Select opacity and color settings.
/msdyn_blobfile/$value)
- Publish when ready.
/msdyn_blobfile/$value)
You can also add videos from Website Builder's Media Center. Learn more.
Please note: Chrome v. 65 and up does not allow embedded videos to autoplay with sound. If you wish to have a video autoplay in Chrome, you will need to make sure the sound is muted beforehand.
See Also:
