There are a couple of blocks that allow you to embed video on the Foundation site.
Video Embed Block
Use the Video block that is available on most page types. Make sure to use the Share URL of the video and not the browser page URL.
- For YouTube, go to your YouTube video and click “Share,” then “Embed,” and then copy and paste the provided URL only. For example: https://www.youtube.com/embed/P-iiN0c2uic
- For Vimeo: follow similar steps to grab the embed URL. For example: https://player.vimeo.com/video/9004979
Hero Header
To embed a video background on your Article and Publication pages you need to upload your video to MoFo’s Vimeo account and retrieve a “Video File Link”.
To do this:
Log into Vimeo using 1Password and upload the desired video. Then select the video and click "Advanced", "Distribution", and "Video File Links". Copy and paste the link here.
Step 1: Make sure you have a 1Password MoFo account
- Please notify Kristina S once you’ve signed up and request to be added to the Engagement Team so that you can access the MoFo Vimeo account.
- Ensure you have the 1Password browser extension installed: https://1password.com/downloads/#browsers
Step 2. Upload your desired video and adjust privacy settings
If this video should not show up on Mozilla Foundation’s Vimeo profile publicly please set its privacy settings to “Hide from Vimeo”
Step 3: Find and copy a video link
After uploading your video and setting the proper privacy setting, go to "Advanced" > "Distribution" > and "Video File Links". Copy your selected link.
Step 4: Paste video link into CMS
Paste your selected video link into the Hero Header video link field and select your ‘Displayed hero content’ to be ‘Video’.
Step 5. Save and publish
Your video background should now be ready!
Troubleshooting
If you can’t get 1password set up, join the slack channel #mofo-wagtail & mention @channel for help. A Vimeo admin, or someone who has 1password set up, should be able to upload your video for you.