{"id":178,"date":"2016-06-29T15:09:56","date_gmt":"2016-06-29T19:09:56","guid":{"rendered":"http:\/\/carleton.ca\/cms-help\/?page_id=178"},"modified":"2022-03-03T09:14:18","modified_gmt":"2022-03-03T14:14:18","slug":"videos","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-2-media\/videos\/","title":{"rendered":"Videos"},"content":{"rendered":"<p>A video can be embedded in any page or post. In order to do so, the video must first be uploaded to YouTube. There are two ways to add videos to a page that will display differently on the page:<\/p>\n<ol>\n<li><strong>Adding a video by URL<\/strong>: this method will display a full sized video on your page. It&#8217;s ideal for adding single videos to your page. <a href=\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-2-media\/videos\/sample-video-from-url\/\">See an example of videos added by URL<\/a>.<\/li>\n<li><strong>List Videos<\/strong>: this option displays videos in a collection and is best for displaying multiple videos on your page. <a href=\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-2-media\/videos\/sample-video-listing\/\">See an example of a video listing<\/a>.<\/li>\n<\/ol>\n<p>Like many types of content, adding videos to your homepage is a different process. See the <a href=\"https:\/\/carleton.ca\/cms-help\/homepage\/\">homepage training page<\/a> for instructions.<\/p>\n<h2>Step-by-Step<\/h2>\n<h3>Adding a video by URL<\/h3>\n<ol>\n<li>Edit the content to which you want to add the video.<\/li>\n<li>Click <strong>Add Media<\/strong>.<\/li>\n<li>In the menu on the left side, locate the <strong>Insert from URL<\/strong> option.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"wp-image-1179 size-medium aligncenter\" src=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Add-Media-Actions-1-240x420.png\" alt=\"\" width=\"240\" height=\"420\" srcset=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Add-Media-Actions-1-240x420.png 240w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Add-Media-Actions-1-160x280.png 160w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Add-Media-Actions-1-360x630.png 360w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Add-Media-Actions-1.png 371w\" sizes=\"(max-width: 240px) 100vw, 240px\" \/><\/li>\n<li>Click on <strong>Insert from URL<\/strong> and copy and paste the YouTube URL of your video into the blank field.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-358 size-full\" src=\"http:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2016-07-06-at-11.26.40-AM.png\" alt=\"Screen Shot 2016-07-06 at 11.26.40 AM\" width=\"677\" height=\"128\" srcset=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2016-07-06-at-11.26.40-AM.png 677w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2016-07-06-at-11.26.40-AM-160x30.png 160w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2016-07-06-at-11.26.40-AM-240x45.png 240w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2016-07-06-at-11.26.40-AM-400x76.png 400w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2016-07-06-at-11.26.40-AM-360x68.png 360w\" sizes=\"(max-width: 677px) 100vw, 677px\" \/><\/li>\n<li>Click <strong>Insert into post<\/strong>.<\/li>\n<\/ol>\n<h3>List Videos<\/h3>\n<h4>Add new videos<\/h4>\n<ol>\n<li>Add a new Video <a href=\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-1-getting-started\/managing-content-part-1\/\">using the side or top menu<\/a>.<\/li>\n<li>Name your video using the\u00a0<strong>Add Title\u00a0<\/strong>field.<\/li>\n<li>Enter the YouTube URL for the video in the <strong>Video URL<\/strong> field.<\/li>\n<li>You may add a short description of your video.<\/li>\n<li><a href=\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-1-getting-started\/categories\/\">Categorize<\/a> your video using the\u00a0<strong>Video Categories\u00a0<\/strong>menu.<\/li>\n<li><a href=\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-1-getting-started\/managing-contents-part-1\/\">Save, schedule, or publish<\/a> your Video.<\/li>\n<\/ol>\n<h4>Pulling videos onto a page:<\/h4>\n<ol>\n<li>Add or edit the page on which you would like to list your videos. <img decoding=\"async\" loading=\"lazy\" class=\" wp-image-1205 alignright\" src=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/List-videos.png\" alt=\"\" width=\"174\" height=\"176\" srcset=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/List-videos.png 232w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/List-videos-160x162.png 160w\" sizes=\"(max-width: 174px) 100vw, 174px\" \/><\/li>\n<li>Click <strong>Add Post Element<\/strong> located above the Content Editor.<\/li>\n<li>Click the\u00a0<strong>List Videos<\/strong> icon.<\/li>\n<li>Select the category or categories you wish to display.\n<ol style=\"list-style-type: lower-alpha;\">\n<li>You can also choose how many videos to display by typing the number of videos to show in the <strong>Limit<\/strong> field.<\/li>\n<\/ol>\n<\/li>\n<li>Click <strong>Insert Element<\/strong>.<\/li>\n<li>Publish or Update the page.<\/li>\n<\/ol>\n<h2>Video Tutorial<\/h2>\n<div class=\"content__video\"><iframe loading=\"lazy\" title=\"Module Two: Videos\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/AuiLhkEfQ6Q?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<h3>Transcript<\/h3>\n<div class=\"slideme\"><dl class=\"slideme__list\"><dt class=\"slideme__term\"><a href=\"#slideme-module-two-videos\" aria-expanded=\"false\" aria-controls=\"slideme-module-two-videos\" class=\"slideme__heading slideme__trigger\">Module Two: Videos<\/a><\/dt><dd class=\"slideme__description\" id=\"slideme-module-two-videos\" aria-hidden=\"true\"><p><\/p>\n<p><span style=\"font-weight: 400;\">Hello and welcome to Module 2 of our Advanced CMS training. This video will cover how to add videos to your website.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">There are two ways to add videos to your page: either by inserting a URL or by listing videos. Both require you to first upload your video to YouTube.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To add a video to your page by using a URL, click <strong>Add Media<\/strong> and then <strong>Insert from URL<\/strong>. Paste the URL into the provided field and a preview of the video should appear below. Then click <strong>Insert into Page<\/strong>.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To list your videos, you will need to add videos to your website. To do this, add a new video using the top menu or the side menu.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">On this page, you can add a title to your video and then paste the URL in the field provided. You can also add a short description of your video.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To list your video, you will need to categorize it, which you can do here.\u00a0<\/span><span style=\"font-weight: 400;\">And publish it using the publish menu.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Then go to your page.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Click <strong>Add Post Element<\/strong>, then <strong>List Videos <\/strong>and select the category you would like to list and you can also choose how many you would like to list<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Then, click <strong>Insert Element<\/strong>.<\/span><\/p>\n<p><\/p><\/dd><dl><\/div>\n<h2>Try It Out!<\/h2>\n<p>Practice adding videos to your website and page with these tasks:<\/p>\n<ol>\n<li>Add a video by URL to your test page.<\/li>\n<li>Add a new video to your website (or the <a href=\"https:\/\/staging.carleton.ca\/ccms-playground\/wp-admin\/\">CCMS Playground<\/a>) and categorize it .<\/li>\n<li>List your video using the\u00a0<strong>List Videos<\/strong> tool.<\/li>\n<li>Save your test page.<\/li>\n<\/ol>\n\n<div class=\"u-center-text\">\n\t<p>\n\t\t<a class=\"button__red button__red--solid\" href=\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-2-media\/media-library\/\"  rel=\"noopener noreferrer\">Next: Media Library<\/a>\n\t<\/p>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>A video can be embedded in any page or post. In order to do so, the video must first be uploaded to YouTube. There are two ways to add videos to a page that will display differently on the page: Adding a video by URL: this method will display a full sized video on your [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":862,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","_mi_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Videos - Carleton CMS Help Centre<\/title>\n<meta name=\"description\" content=\"A video can be embedded in any page or post. In order to do so, the video must first be uploaded to YouTube. There are two ways to add videos to a page\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-2-media\/videos\/\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-2-media\/videos\/\",\"url\":\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-2-media\/videos\/\",\"name\":\"Videos - Carleton CMS Help Centre\",\"isPartOf\":{\"@id\":\"https:\/\/carleton.ca\/cms-help\/#website\"},\"datePublished\":\"2016-06-29T19:09:56+00:00\",\"dateModified\":\"2022-03-03T14:14:18+00:00\",\"description\":\"A video can be embedded in any page or post. In order to do so, the video must first be uploaded to YouTube. There are two ways to add videos to a page\",\"breadcrumb\":{\"@id\":\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-2-media\/videos\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-2-media\/videos\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-2-media\/videos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/carleton.ca\/cms-help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Advanced Training\",\"item\":\"https:\/\/carleton.ca\/cms-help\/advanced-training\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Module 2: Media\",\"item\":\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-2-media\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Videos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/carleton.ca\/cms-help\/#website\",\"url\":\"https:\/\/carleton.ca\/cms-help\/\",\"name\":\"Carleton CMS Help Centre\",\"description\":\"Web Services - Carleton university\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/carleton.ca\/cms-help\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Videos - Carleton CMS Help Centre","description":"A video can be embedded in any page or post. In order to do so, the video must first be uploaded to YouTube. There are two ways to add videos to a page","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-2-media\/videos\/","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-2-media\/videos\/","url":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-2-media\/videos\/","name":"Videos - Carleton CMS Help Centre","isPartOf":{"@id":"https:\/\/carleton.ca\/cms-help\/#website"},"datePublished":"2016-06-29T19:09:56+00:00","dateModified":"2022-03-03T14:14:18+00:00","description":"A video can be embedded in any page or post. In order to do so, the video must first be uploaded to YouTube. There are two ways to add videos to a page","breadcrumb":{"@id":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-2-media\/videos\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carleton.ca\/cms-help\/advanced-training\/module-2-media\/videos\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-2-media\/videos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/carleton.ca\/cms-help\/"},{"@type":"ListItem","position":2,"name":"Advanced Training","item":"https:\/\/carleton.ca\/cms-help\/advanced-training\/"},{"@type":"ListItem","position":3,"name":"Module 2: Media","item":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-2-media\/"},{"@type":"ListItem","position":4,"name":"Videos"}]},{"@type":"WebSite","@id":"https:\/\/carleton.ca\/cms-help\/#website","url":"https:\/\/carleton.ca\/cms-help\/","name":"Carleton CMS Help Centre","description":"Web Services - Carleton university","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carleton.ca\/cms-help\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"acf":{"banner_image_type":null,"banner_uploaded_image":null,"banner_hosted_image":null,"banner_opacity":null,"banner_button":null,"banner_buttons":null},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/178"}],"collection":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/comments?post=178"}],"version-history":[{"count":4,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/178\/revisions"}],"predecessor-version":[{"id":1407,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/178\/revisions\/1407"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/862"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/media?parent=178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}