- Logging In
- Access Levels
- Workflow Tasks
- Website Guidelines
- Help Videos
- Files and Folders
- Upload Files
- About Navigation
Embed a Video
Embed a Non YouTube or Vimeo Video
- Click on the Insert/Edit Embedded Media button on the task bar.
- Select the type of the video.
- Enter the URL of the video or browse it.
- Set the dimensions of the video
- Ensure that you have selected the right audio by playing the video in the preview mode.
- Click Insert.
Please visit the Video Troubleshooting page if you need more information.
Embedding a Vimeo or YouTube Video
Videos can be embedded to a UND web page directly from YouTube or Vimeo.
Watch the video tutorial describing the preferred method.
In WYSIWYG editor, click the Insert/Edit Embedded Media icon. Under the General tab, change Type to iFrame.
Click the Share button.
Find the iFrame code. If there is no iFrame code, click Embed and copy the iFrame code.
Paste iFrame code to the File/URL in OmniUpdate. Note: After you paste the iFrame code you copied from YouTube, delete everything except the part inside the quotes of src="". Be sure to include http:// in front of the embed URL.
Change the values of Dimensions as per requirements. The values are in width x height format. Please keep the "Constrain Proportions" check box checked for a better quality image. Once done, click Insert.
A recommended size for smaller video embeds is 300px wide by 182px tall.
For videos on pages with only one sidebar 636px wide by 353px tall is the recommended size
Step 1: Go to YouTube and find the video which you want to add to your web page. For example, we want to add the video named UND "First Year Experience " from YouTube. The link for this video is http://youtu.be/GR-nhbvlAcM.
Step 2: Click Share.
Step 3: Find the iFrame code. If there is no iFrame code, click Embed and copy the iFrame code
Step 4: Copy the iFrame code.
Step 5: In OmniUpdate, find the web page where you want to add the YouTube video. Go to WYSIWYG editor and click the "HTML" icon to add the iFrame code in the HTML source editor. Note: Insert the code"<!-- youtube -->" before "</iframe>". To learn more about the importance and known bug issues, please click here.
Step 6: Save and publish your page.
Step 1: Go to YouTube and select your desired video.
Step 2: Click Share then Embe" to find the code. It should look similar to this:
<iframe src="https://www.youtube.com/embed/videoseries?list=PL13613B4848FE214F&hl=en_US" frameborder="0" width="300" height="182"></iframe>
Step 3: Copy the code.
Step 4: On your page in OmniUpdate, place your courser where you would like the video to appear.
Step 5: Click the Insert/Edit Embedded Media icon in the toolbar.
Step 6: Under File/URL, paste the code from YouTube or Vimeo.
Step 7: You must add a comment inside the iFrame tag for the embed to work in OmniUpdate. Example:
<!-- youtube video-->
Step 8: Chose your theme for the video display. The default YouTube embed has a dark theme. You can use a light theme by adding this
en_US in the iFrame
Step 9: Chose your dimensions for the video player.
Step 10: Save and publish your page.