Embedded Video
What is an embedded video?
Embedding video allow you to post your or someone's(with their consent) video on your page. It allows the user to watch the video without leaving the page they are current on.
Content types | Embed a Video | Embed a Video Above Title |
---|---|---|
Content Area | Yes | Yes |
Content Area - Multiple Columns | Yes | Yes |
Accordion | Yes | |
Important Announcements | Yes | |
Message Area | Yes | |
Tabs | Yes |
Examples of embedded video
How To Embed A Video Above The Title?
- Log into Cascade CMS and select your site.
- Navigate to the page you would like to embed a video.
- Select Edit.
- Select a content type to add a video.
In our example we will use the content area template.
- Select Video from "Image or Video?" selection.
- Add a Video Title.
- Copy the YouTube Video ID.
*Note, the video ID could be found in the URL. The last 11 characters is the video ID.
In our example our YouTube ID is "f513IUABHH4".
- Enter the Video ID in the field.
How To Embed A Video Between Text?
- Next we will add another video between some text. Select the Insert/Edit Media icon.
- Copy the entire URL from the browser.
In our example our URL is "https://www.youtube.com/watch?v=f513IUABHH4". Your URL should look similar to the example URL with the last 11 characters being different.
- Paste/enter in the entire URL in the source field.
Note: (updated 2020) here it is imperative you also add a Video Title for accessibility. Here's how: click on the Embed tab and insert a title into the HTML code:
Example before:<iframe width="560" height="314" allowfullscreen="allowfullscreen" src="//www.youtube.com/embed/f513IUABHH4"></iframe>
Example after:<iframe width="560" height="314" allowfullscreen="allowfullscreen" src="//www.youtube.com/embed/f513IUABHH4" title="Embed a Video Tutorial"></iframe>
- Select Ok.
- Add any additional text or media to the page.
- Select Preview Draft.
- After previewing changes made on your draft, select Submit.
- Enter Comments for changes made.
- Select Check Content & Submit to add changes to your site.
- Select the Check Box.
- When you're ready to go live, the last step is to Publish the Changes.