Embedding a Non-YouTube Video
Videos other than YouTube can also be embedded on a UND web page.
Instructions
Step 1: Click on the "Insert/Edit Embedded Media" button on the task bar. It's located in the second row towards the middle, next to Picture button.
Step 2: Select the type of the Video.
Step 3: Enter the URL of the video or browse it.
Step 4: Set the dimensions of the video
Step 5: Ensure that you have selected the right audio by playing the video in the preview mode.
Step 6: Click on the "Insert" button.
Please visit the Video Troubleshooting page if you need more information.
Embedding a YouTube Video
Videos can be embedded to a UND web page directly from YouTube.
Preferred Method
Watch the video tutorial describing the preferred method.
Please upload your video to YouTube before starting these steps.
Step 1
In OmniUpdate, choose the web page you want to add the YouTube video on and click "Edit" in the left corner, then click the "Edit Main Content" button.
Step 2
In WYSIWYG editor, click the "Insert/Edit Embedded Media" icon. Under the General tab, change Type to "iFrame."
Step 3
Leave this page open and open a new tab in your web browser. Go to YouTube and select the video you want to add.
Step 4
Click the "Share" button below the YouTube video.
Step 5
Find the iFrame code. If there is no iFrame code, click "Embed" and copy the iFrame code.
Step 6
Paste the iFrame code into a text editor and copy the text as highlighted in the image below.
Step 7
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="".
Step 8
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."
Step 9
Save and publish your page.
Video Sizes
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
Alternative Method
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 the "Share" button below the YouTube video.
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.
Advanced
Step 1: Go to YouTube and select your desired video.
Step 2: Click the "Share" button and then "Embed" 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.
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 &theme=light&showinfo=1&rel=0 after en_US in the iFrame src attribute.
Step 9: Chose your dimensions for the video player.
Step 10: Save and publish your page.