{"id":695,"date":"2025-07-17T21:19:13","date_gmt":"2025-07-17T21:19:13","guid":{"rendered":"https:\/\/blogarchive.utc.edu\/web-kb\/?p=695"},"modified":"2025-07-18T14:47:31","modified_gmt":"2025-07-18T14:47:31","slug":"utc-video-blocks","status":"publish","type":"post","link":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/","title":{"rendered":"UTC Video Blocks"},"content":{"rendered":"\n

Adding Video Blocks to Drupal content page.<\/h3>\n\n\n\n

<\/p>\n\n\n\n

\n\n\n\n

When adding an image block to your content page, you can choose from the available images in our Media Library, or you can upload your own images. <\/em>

If you are using previous images in the Media Library, skip to Step 2.<\/em>


<\/p>

  1. Media Library<\/strong>

    To add your own image, navigate to the top of your workbench taskbar and select the \u201cMedia\u201d<\/strong> button. On the Media page, select the \u201cAdd Video\u201d<\/strong> button.\u00a0In the Media Library dialogue, make sure you fill out the \u201cName\u201d<\/strong> and \u201cUTC Organizational Code\u201d<\/strong> for your image. For the “Video URL”<\/strong>, Vimeo and YouTube videos are supported. Just copy the video url inside this field.After uploading your video navigate back to your content page.\u00a0\u00a0<\/p> <\/li>

  2. Add Video Block<\/strong>

    Starting with our content page, we are going to select our \u201cLayout\u201d option in the content page menu. From there, we are going to select the \u201cadd block\u201d option for the area we want to add our card to. Next, we will select our \u201cCreate custom block\u201d option at the top of the pop-up menu. This will take us to our final menu where we will select our \u201cUTC Video Block\u201d option.\u00a0<\/p> <\/li>

  3. Find Your Video<\/strong>

    In the configure menu select the \u201cadd media\u201d button. You will be able to search for your image by filter with the name and UTC Organizational Section of the Video.\u00a0<\/p> <\/li>

  4. Video Formatting<\/strong>

    After selecting and uploading your image, you have the ability to edit how the image is displayed and formatted on the page. \u00a0a. “Video Alignment<\/strong>“\u00a0<\/strong>\"\"<\/strong><\/p> <\/li>

  5. Save and Finish!<\/strong>

    After formatting your Video, select the \u201cupdate\u201d button at the bottom of the configure menu and your image will be displayed on your content page!\u00a0<\/p> <\/li><\/ol><\/div>\n\n\n\n

    <\/p>\n","protected":false},"excerpt":{"rendered":"

    Adding Video Blocks to Drupal content page.<\/p>\n","protected":false},"author":2040,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[3],"tags":[14],"class_list":{"0":"post-695","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-drupal","7":"tag-drupal-content-blocks","8":"entry","9":"has-post-thumbnail"},"yoast_head":"\nUTC Video Blocks - UTC Website Knowledge Base Archive<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UTC Video Blocks - UTC Website Knowledge Base Archive\" \/>\n<meta property=\"og:description\" content=\"Adding Video Blocks to Drupal content page.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/\" \/>\n<meta property=\"og:site_name\" content=\"UTC Website Knowledge Base Archive\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-17T21:19:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-18T14:47:31+00:00\" \/>\n<meta name=\"author\" content=\"Kailey Agoo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kailey Agoo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/\",\"url\":\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/\",\"name\":\"UTC Video Blocks - UTC Website Knowledge Base Archive\",\"isPartOf\":{\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/#website\"},\"datePublished\":\"2025-07-17T21:19:13+00:00\",\"dateModified\":\"2025-07-18T14:47:31+00:00\",\"author\":{\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/#\/schema\/person\/5559f9b11c05b19e967542085dbd38a3\"},\"breadcrumb\":{\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blogarchive.utc.edu\/web-kb\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UTC Video Blocks\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/#website\",\"url\":\"https:\/\/blogarchive.utc.edu\/web-kb\/\",\"name\":\"UTC Website Knowledge Base Archive\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blogarchive.utc.edu\/web-kb\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/#\/schema\/person\/5559f9b11c05b19e967542085dbd38a3\",\"name\":\"Kailey Agoo\",\"url\":\"https:\/\/blogarchive.utc.edu\/web-kb\/author\/jzc491\/\"},{\"@type\":\"HowTo\",\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/#howto-1\",\"name\":\"UTC Video Blocks\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/\"},\"description\":\"When adding an image block to your content page, you can choose from the available images in our Media Library, or you can upload your own images.<em> <\/em><br><br><em>If you are using previous images in the Media Library, skip to Step 2.<\/em><br><br><br>\",\"step\":[{\"@type\":\"HowToStep\",\"url\":\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/#how-to-step-1751908073639\",\"name\":\"Media Library\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"To add your own image, navigate to the top of your workbench taskbar and select the <strong>\u201cMedia\u201d<\/strong> button. On the Media page, select the <strong>\u201cAdd Video\u201d<\/strong> button.\u00a0<br\/><br\/>In the Media Library dialogue, make sure you fill out the <strong>\u201cName\u201d<\/strong> and <strong>\u201cUTC Organizational Code\u201d<\/strong> for your image. <br\/><br\/>For the <strong>\\\"Video URL\\\"<\/strong>, Vimeo and YouTube videos are supported. Just copy the video url inside this field.<br\/><br\/>After uploading your video navigate back to your content page.\u00a0\u00a0<br\/><br\/>\"}]},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/#how-to-step-1751908094674\",\"name\":\"Add Video Block\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"Starting with our content page, we are going to select our \u201cLayout\u201d option in the content page menu. From there, we are going to select the \u201cadd block\u201d option for the area we want to add our card to. Next, we will select our \u201cCreate custom block\u201d option at the top of the pop-up menu. This will take us to our final menu where we will select our \u201cUTC Video Block\u201d option.\u00a0<br\/><br\/>\"}]},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/#how-to-step-1751908122403\",\"name\":\"Find Your Video\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"In the configure menu select the \u201cadd media\u201d button. You will be able to search for your image by filter with the name and UTC Organizational Section of the Video.\u00a0<br\/><br\/>\"}]},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/#how-to-step-1751908135022\",\"name\":\"Video Formatting\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"After selecting and uploading your image, you have the ability to edit how the image is displayed and formatted on the page. \u00a0<br\/><br\/><strong>a. \\\"Video Alignment<\/strong>\\\"<strong>\u00a0<\/strong><br\/><strong><br\/><\/strong>\"}],\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/#schema-image-1c0c72a3eaf121f9a43edf1a9a809054\",\"url\":\"https:\/\/blogarchive.utc.edu\/web-kb\/files\/2025\/07\/Screenshot-2025-07-17-at-5.16.38\u202fPM.png\",\"contentUrl\":\"https:\/\/blogarchive.utc.edu\/web-kb\/files\/2025\/07\/Screenshot-2025-07-17-at-5.16.38\u202fPM.png\",\"width\":739,\"height\":775}},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/#how-to-step-1751908138299\",\"name\":\"Save and Finish!\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"After formatting your Video, select the \u201cupdate\u201d button at the bottom of the configure menu and your image will be displayed on your content page!\u00a0\"}]}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UTC Video Blocks - UTC Website Knowledge Base Archive","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:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/","og_locale":"en_US","og_type":"article","og_title":"UTC Video Blocks - UTC Website Knowledge Base Archive","og_description":"Adding Video Blocks to Drupal content page.","og_url":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/","og_site_name":"UTC Website Knowledge Base Archive","article_published_time":"2025-07-17T21:19:13+00:00","article_modified_time":"2025-07-18T14:47:31+00:00","author":"Kailey Agoo","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kailey Agoo","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/","url":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/","name":"UTC Video Blocks - UTC Website Knowledge Base Archive","isPartOf":{"@id":"https:\/\/blogarchive.utc.edu\/web-kb\/#website"},"datePublished":"2025-07-17T21:19:13+00:00","dateModified":"2025-07-18T14:47:31+00:00","author":{"@id":"https:\/\/blogarchive.utc.edu\/web-kb\/#\/schema\/person\/5559f9b11c05b19e967542085dbd38a3"},"breadcrumb":{"@id":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blogarchive.utc.edu\/web-kb\/"},{"@type":"ListItem","position":2,"name":"UTC Video Blocks"}]},{"@type":"WebSite","@id":"https:\/\/blogarchive.utc.edu\/web-kb\/#website","url":"https:\/\/blogarchive.utc.edu\/web-kb\/","name":"UTC Website Knowledge Base Archive","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blogarchive.utc.edu\/web-kb\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blogarchive.utc.edu\/web-kb\/#\/schema\/person\/5559f9b11c05b19e967542085dbd38a3","name":"Kailey Agoo","url":"https:\/\/blogarchive.utc.edu\/web-kb\/author\/jzc491\/"},{"@type":"HowTo","@id":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/#howto-1","name":"UTC Video Blocks","mainEntityOfPage":{"@id":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/"},"description":"When adding an image block to your content page, you can choose from the available images in our Media Library, or you can upload your own images.<em> <\/em><br><br><em>If you are using previous images in the Media Library, skip to Step 2.<\/em><br><br><br>","step":[{"@type":"HowToStep","url":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/#how-to-step-1751908073639","name":"Media Library","itemListElement":[{"@type":"HowToDirection","text":"To add your own image, navigate to the top of your workbench taskbar and select the <strong>\u201cMedia\u201d<\/strong> button. On the Media page, select the <strong>\u201cAdd Video\u201d<\/strong> button.\u00a0<br\/><br\/>In the Media Library dialogue, make sure you fill out the <strong>\u201cName\u201d<\/strong> and <strong>\u201cUTC Organizational Code\u201d<\/strong> for your image. <br\/><br\/>For the <strong>\"Video URL\"<\/strong>, Vimeo and YouTube videos are supported. Just copy the video url inside this field.<br\/><br\/>After uploading your video navigate back to your content page.\u00a0\u00a0<br\/><br\/>"}]},{"@type":"HowToStep","url":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/#how-to-step-1751908094674","name":"Add Video Block","itemListElement":[{"@type":"HowToDirection","text":"Starting with our content page, we are going to select our \u201cLayout\u201d option in the content page menu. From there, we are going to select the \u201cadd block\u201d option for the area we want to add our card to. Next, we will select our \u201cCreate custom block\u201d option at the top of the pop-up menu. This will take us to our final menu where we will select our \u201cUTC Video Block\u201d option.\u00a0<br\/><br\/>"}]},{"@type":"HowToStep","url":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/#how-to-step-1751908122403","name":"Find Your Video","itemListElement":[{"@type":"HowToDirection","text":"In the configure menu select the \u201cadd media\u201d button. You will be able to search for your image by filter with the name and UTC Organizational Section of the Video.\u00a0<br\/><br\/>"}]},{"@type":"HowToStep","url":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/#how-to-step-1751908135022","name":"Video Formatting","itemListElement":[{"@type":"HowToDirection","text":"After selecting and uploading your image, you have the ability to edit how the image is displayed and formatted on the page. \u00a0<br\/><br\/><strong>a. \"Video Alignment<\/strong>\"<strong>\u00a0<\/strong><br\/><strong><br\/><\/strong>"}],"image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/#schema-image-1c0c72a3eaf121f9a43edf1a9a809054","url":"https:\/\/blogarchive.utc.edu\/web-kb\/files\/2025\/07\/Screenshot-2025-07-17-at-5.16.38\u202fPM.png","contentUrl":"https:\/\/blogarchive.utc.edu\/web-kb\/files\/2025\/07\/Screenshot-2025-07-17-at-5.16.38\u202fPM.png","width":739,"height":775}},{"@type":"HowToStep","url":"https:\/\/blogarchive.utc.edu\/web-kb\/2025\/07\/17\/utc-video-blocks\/#how-to-step-1751908138299","name":"Save and Finish!","itemListElement":[{"@type":"HowToDirection","text":"After formatting your Video, select the \u201cupdate\u201d button at the bottom of the configure menu and your image will be displayed on your content page!\u00a0"}]}],"inLanguage":"en-US"}]}},"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/posts\/695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/users\/2040"}],"replies":[{"embeddable":true,"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/comments?post=695"}],"version-history":[{"count":7,"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/posts\/695\/revisions"}],"predecessor-version":[{"id":939,"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/posts\/695\/revisions\/939"}],"wp:attachment":[{"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/media?parent=695"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/categories?post=695"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogarchive.utc.edu\/web-kb\/wp-json\/wp\/v2\/tags?post=695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}