Videos

Your section of the CalLutheran.edu website tells a story about how your unit helps your constituents — and video content is a powerful means of storytelling. To create an immersive user experience that utilizes video in your section of the website, you may choose to embed a video directly into a page.

How to Embed a Video

1. Decide on a hosting platform (contact the web support team if needed)

The first step to embedding a video is to choose a hosting platform. If your office/department does not have its own Youtube or Vimeo account (or if you would prefer to have it hosted on a university account), email the video to web@callutheran.edu. The web support team will then host the video on one of the university accounts and provide you with a link to the video.

There are four video hosting options that the web support team will consider based on your needs, ranging from low to high security and access:

• Youtube (fully publicly discoverable — best for campaign videos)
• Vimeo (somewhat publicly discoverable — best for most internal training videos)
• Modern Campus CMS (fully private with Password Requirements turned on — best for access-specific internal training videos)
• Google Drive (fully private with restricted sharing permissions turned on — best for highly specific internal training videos that do not require embedding)

2. Insert the video

While you are Editing a Page, click the Insert/Edit Media tool.

For videos that are hosted on Youtube or Vimeo, paste the URL into the Source field (alternatively, navigate to the file if it has been uploaded to Modern Campus CMS) and click the  button, as seen in the example below.

For videos that need to be uploaded directly to Modern Campus CMS for hosting, click the upload button next to the Source field and select the file from your computer. Once it has been uploaded, enter "100%" into the Width field to ensure that the video is displayed properly on all screen sizes.

3. Review the Video

Review the embedded video in full-width on your page, as seen in the example below.

4. Save and Publish

To update the CalLutheran.edu website with your edits, click the  button and  button. Don't forget to view the published page on desktop AND mobile to ensure that everything is neat and tidy.