Adding a Video to Your Page

Adding Embedded Media (ex. YouTube)

  1. Login and edit a page or create a new one.
  2. Under the ‘Main content’ tab navigate to the rich text editor (RTE).
  3. Click the button that has a film image. When you hover over the button it says ‘embed media.’ ​[[{"fid":"34106","view_mode":"full_width","fields":{"format":"full_width","field_file_image_alt_text[und][0][value]":"Clicking the embed media button.","field_file_image_title_text[und][0][value]":false,"field_caption[und][0][value]":""},"type":"media","field_deltas":{"3":{"format":"full_width","field_file_image_alt_text[und][0][value]":"Clicking the embed media button.","field_file_image_title_text[und][0][value]":false,"field_caption[und][0][value]":""}},"link_text":null,"attributes":{"alt":"Clicking the embed media button.","height":510,"width":715,"class":"media-element file-full-width","data-delta":"3"}}]] [[{"fid":"34101","view_mode":"full_width","fields":{"format":"full_width","field_file_image_alt_text[und][0][value]":"Embed media window appears.","field_file_image_title_text[und][0][value]":false,"field_caption[und][0][value]":""},"type":"media","field_deltas":{"2":{"format":"full_width","field_file_image_alt_text[und][0][value]":"Embed media window appears.","field_file_image_title_text[und][0][value]":false,"field_caption[und][0][value]":""}},"link_text":null,"attributes":{"alt":"Embed media window appears.","height":552,"width":715,"class":"media-element file-full-width","data-delta":"2"}}]]      [[{"fid":"34111","view_mode":"full_width","fields":{"format":"full_width","field_file_image_alt_text[und][0][value]":"Clicking share on a youtube video.","field_file_image_title_text[und][0][value]":false,"field_caption[und][0][value]":""},"type":"media","field_deltas":{"4":{"format":"full_width","field_file_image_alt_text[und][0][value]":"Clicking share on a youtube video.","field_file_image_title_text[und][0][value]":false,"field_caption[und][0][value]":""}},"link_text":null,"attributes":{"alt":"Clicking share on a youtube video.","height":552,"width":715,"class":"media-element file-full-width","data-delta":"4"}}]]   [[{"fid":"34116","view_mode":"full_width","fields":{"format":"full_width","field_file_image_alt_text[und][0][value]":"Copying the embed code from a youtube video.","field_file_image_title_text[und][0][value]":false,"field_caption[und][0][value]":""},"type":"media","field_deltas":{"5":{"format":"full_width","field_file_image_alt_text[und][0][value]":"Copying the embed code from a youtube video.","field_file_image_title_text[und][0][value]":false,"field_caption[und][0][value]":""}},"link_text":null,"attributes":{"alt":"Copying the embed code from a youtube video.","height":552,"width":715,"class":"media-element file-full-width","data-delta":"5"}}]]
  4. A new box pops up that says ‘Paste embed code here.’ Here is where you would post an embed link from your media player. An example link from YouTube looks like this:
    1. <iframe frameborder="0" height="315px" src="//www.youtube.com/embed/txj6ROnIUIo?list=PLrEnWoR732-BHrPp_Pm8_VleD68f9s14-" width="560px"></iframe> ​[[{"fid":"34121","view_mode":"full_width","fields":{"format":"full_width","field_file_image_alt_text[und][0][value]":"Pasting code into embed media box.","field_file_image_title_text[und][0][value]":false,"field_caption[und][0][value]":""},"type":"media","field_deltas":{"6":{"format":"full_width","field_file_image_alt_text[und][0][value]":"Pasting code into embed media box.","field_file_image_title_text[und][0][value]":false,"field_caption[und][0][value]":""}},"link_text":null,"attributes":{"alt":"Pasting code into embed media box.","height":552,"width":715,"class":"media-element file-full-width","data-delta":"6"}}]]
  5. Once the player is in place, you can review the source code and change the media play size by adjusting the ‘media_embed’ div size. An example looks like this:
    1. <div class="media_embed" height="315px" width="560px">