Skip to Content - Skip to Navigation

Add a YouTube Video to a Page or News Post

If you have a video that is on YouTube, you can easily embed that video into a page on your site or into a news post.

This is accomplished through a SmartForm available in the CMS. To create a page or news post with a video embedded, you will need the URL from Youtube, plus the content for the webpage or news.

Create a Page with a YouTube Video Embedded

  1. To create a page with a video, first go to your Workarea.
  2. At the top of the Workarea, click Content. Content tab
  3. On the left side of your Workarea, find your unit website.
  4. YouTube Video smartformWhile in the section of your site that you want to create the new page, hover over New in the menu bar. In the pulldown menu, mouse over SmartForms. In that list, click YouTube Video to select the form.
    • If YouTube Video is not a Smart Form option, contact the Web Team and request that it be activated for that folder: web-team@iup.edu.
  5. When the form opens, give the page a title. This will be what appears at the top of the page.
  6. You will need the URL from YouTube. To get the URL:
    • Open a browser window and go to the video on YouTube. Below the video, click the Share button. In the area that appears below, copy the URL that YouTube provides (will be in this format: http://youtu.be/EuDVD25NJBw).
  7. Paste the URL into the Video URL field of the form.
  8. The width and height are set to the full width of the page. If you have or need a different size, you will need to get the proper dimensions from YouTube:
    • When you have the video open to watch on YouTube, go to the Share options. Below the video, click the Share button. In the area that appears below, click Embed. A few options will appear below that, including a Custom Dimensions area. Put in the width that you need, and YouTube will automatically generate the proper height. Copy and paste these dimensions into the appropriate fields of the form.
  9. The Page Content field is the same as a standard page content area, and can be formatted like any other page. You should have an introductory paragraph, styled to the introduction style. You can also include text, photos, links and more as you would a normal page. (Note: This content will be positioned underneath the video on the webpage.)
  10. Under the Summary tab, enter a short description of the page.
  11. Submit the page for publishing as you would any other content.

Create a News Post with a YouTube Video Embedded

The process for creating a news post with an embedded video is the same as embedding a video in a page, only you are creating a news post in the news area.

  1. To post news, first go to your Workarea.
  2. At the top of the Workarea, click Content. Content tab
  3. On the left side of your Workarea, find your unit website and find your News folder. Beneath your News folder, you will see what appears to be a subfolder, indicated with a Blog icon and labeled with your unit’s name, followed by “News.” See “Web Team News” in the sample below: News folder
  4. HTML news post with videoOn the right side of your Workarea, hover over New on the toolbar, and on the pull-down menu, mouse over SmartForm. Then select HTML Post with Video.
  5. Give the post a title. This is what will appear as the headline for the news item.
  6. Enter the Video URL from YouTube. To get the URL:
    • Open a browser window and go to the video on YouTube. Below the video, click the Share button. In the area that appears below, copy the URL that YouTube provides (will be in this format: http://youtu.be/EuDVD25NJBw).
  7. Enter the content of the post, as you would for any content item.
  8. Under the Summary tab, enter a short description of the post. Check the appropriate box under Subjects. If the categories provided do not suit your typical news posts, please contact the Web Team to have different categories added.
  9. When finished, submit the post for publishing, as you would any other content item.
  • Web Team
  • Sutton Hall, Room 316
    1011 South Drive
    Indiana, PA 15705
  • Phone: 724-357-3062
  • Fax: 724-357-5512
  • Office Hours
  • Monday through Friday
  • 8:00 a.m. – 12:00 p.m.
  • 1:00 p.m. – 4:30 p.m.