{"id":1513,"date":"2023-11-08T15:45:26","date_gmt":"2023-11-08T20:45:26","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=1513"},"modified":"2026-08-05T22:13:15","modified_gmt":"2026-08-06T02:13:15","slug":"video-embeds","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/advanced-training\/module-4-embed-blocks\/video-embeds\/","title":{"rendered":"Video Embeds"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        Video Embeds\n                    <\/h1>\n                \n                                \n                                    \n\n<p class=\"wp-block-paragraph\">Advanced Training Module 5: Embeds and Integrations<\/p>\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p class=\"wp-block-paragraph\">Video can be one of the most effective ways to communicate information, demonstrate processes, showcase research, or share stories. Rather than uploading videos directly to your website, cutheme allows you to embed videos from supported video platforms and display them directly within your pages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Embedding videos keeps your website fast while taking advantage of specialized video platforms that handle streaming, captions, and playback.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There are two ways to work with video in cutheme:<\/p>\n\n\n\n<h3 id=\"video-posts\" class=\"wp-block-heading\">Video Posts<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use the <strong>Video<\/strong> content type when you want to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Build video galleries<\/li>\n\n\n\n<li>Categorize videos<\/li>\n\n\n\n<li>Display video listings and cards<\/li>\n\n\n\n<li>Create collections of related content<\/li>\n<\/ul>\n\n\n\n<h3 id=\"video-embeds\" class=\"wp-block-heading\">Video Embeds<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use the <strong>Video Embed<\/strong> block when you want to display a specific video directly on a page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This lesson focuses on the second approach: embedding individual videos into your content.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 id=\"when-to-use-a-video-embed\" class=\"wp-block-heading\">When to Use a Video Embed<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A Video Embed works best when a video supports the content on a specific page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Examples include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tutorial videos<\/li>\n\n\n\n<li>Welcome messages<\/li>\n\n\n\n<li>Research presentations<\/li>\n\n\n\n<li>Event recordings<\/li>\n\n\n\n<li>Promotional videos<\/li>\n\n\n\n<li>Demonstrations and walkthroughs<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Because the video appears directly within the page, visitors can watch it without navigating elsewhere.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 id=\"supported-video-platforms\" class=\"wp-block-heading\">Supported Video Platforms<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">cutheme supports video embeds from several platforms, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>YouTube<\/li>\n\n\n\n<li>Kaltura (MediaSpace)<\/li>\n\n\n\n<li>TED<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Additional providers may be available depending on your site&#8217;s configuration.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Important:<\/strong> Videos should be uploaded to an approved video platform first. Videos are not uploaded directly to your website.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 id=\"adding-a-video-embed\" class=\"wp-block-heading\">Adding a Video Embed<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To add a video:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the <strong>+<\/strong> button and search for <strong>Video Embed<\/strong>.<\/li>\n\n\n\n<li>Add the block to your page.<\/li>\n\n\n\n<li>Paste the video URL into the provided field.<\/li>\n\n\n\n<li>Select <strong>Embed<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">The video will automatically appear within the page.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 id=\"adjusting-video-width\" class=\"wp-block-heading\">Adjusting Video Width<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Once embedded, you can choose different display widths.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Default width<\/li>\n\n\n\n<li>Wide width<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">A wider layout can create greater visual impact, especially on landing pages and homepage sections.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use wide layouts thoughtfully so videos remain balanced with surrounding content.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 id=\"kaltura-mediaspace-videos\" class=\"wp-block-heading\">Kaltura (MediaSpace) Videos<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When embedding Kaltura videos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705 Use the URL provided through the <strong>Share<\/strong> option.<\/li>\n\n\n\n<li>\u274c Do not copy the URL directly from the browser address bar.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Using the share link ensures the video embeds correctly.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 id=\"accessibility-considerations\" class=\"wp-block-heading\">Accessibility Considerations<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Whenever possible, videos should be accessible to all users.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Consider:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Closed captions<\/li>\n\n\n\n<li>Accurate transcripts<\/li>\n\n\n\n<li>Clear audio quality<\/li>\n\n\n\n<li>Meaningful video titles<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Providing captions and transcripts improves both accessibility and usability.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 id=\"video-placement-best-practices\" class=\"wp-block-heading\">Video Placement Best Practices<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Place Videos Near Related Content<\/strong><br>Videos should support the surrounding content rather than interrupt it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Introduce the Video<\/strong><br>Provide a short description explaining:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>What the video covers<\/li>\n\n\n\n<li>Why visitors should watch it<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Avoid Too Many Videos on One Page<\/strong><br>Multiple embedded videos can increase page length and compete for attention.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Test on Mobile Devices<\/strong><br>Always preview pages to ensure videos display correctly across devices.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 id=\"common-uses\" class=\"wp-block-heading\">Common Uses<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Video Embeds are frequently used for:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Welcome messages<\/li>\n\n\n\n<li>Training materials<\/li>\n\n\n\n<li>Research highlights<\/li>\n\n\n\n<li>Event recordings<\/li>\n\n\n\n<li>Product demonstrations<\/li>\n\n\n\n<li>Promotional content<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">They are especially effective when combined with supporting text and clear calls to action.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<figure class=\"wp-block-embed alignwide is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio w-screen ml-offset-center cu-max-w-child-7xl px-4 md:px-6 lg:px-12\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"cutheme Mastery Training - Video Embeds\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/gvZmFTaFUWI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n        \n    \n    <dl class=\"cu-description cu-component-updated\">\n        \n    <div class=\"grid pt-4 pb-3 border-b accordion border-cu-black-100 md:pt-6 md:pb-5 first:border-t\">\n        <dt class=\"font-semibold not-prose\">\n            <button class=\"flex items-center justify-between w-full text-left accordion__button\" aria-expanded=\"false\" aria-controls=\"accordion-transcript-video-embeds\">\n                <span class=\"flex-1 ml-auto text-left break-words whitespace-normal cu-icon\">\n                    Transcript \u2013 Video Embeds\n                <\/span>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" class=\"w-5 h-5 ml-auto transition-transform rotate-0 accordion__icon text-cu-black-500\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\"><\/path>\n                <\/svg>\n            <\/button>\n        <\/dt>\n        <dd class=\"p-0 mt-0 cu-prose cu-prose-first-last accordion__content md:p-0 md:mt-0\" hidden=\"\" id=\"accordion-transcript-video-embeds\">\n            \n\n<p class=\"wp-block-paragraph\">Hello and welcome to cutheme Mastery Training, Module 4. In this video, we will cover video embeds.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Earlier in training, we covered video posts, which are one of two ways to add a video to your site. Video Embeds are the other way. The main difference between the two is that video embeds are not posts, but rather a video that is simply embedded within a page. Video Posts have their own link and post, while video embeds do not.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To add a video embed, go to the block selection menu, go down to \u201cEmbed\u201d, and click \u201cVideo Embed\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Just like for video posts, a video must be hosted on either YouTube, Vimeo, Kaltura or TED to be embedded.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To embed the video, go to the tab the video is located in. I\u2019ve got this one right here. Copy it, and paste it within the box, and click embed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And just like that, you have a video embed.<\/p>\n\n\n        <\/dd>\n    <\/div>\n\n\n    <\/dl>\n\n\n    <\/div>\n<\/section>\n\n\n\n<h2 id=\"try-it-out\" class=\"wp-block-heading\">Try it Out<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Add a Video Embed block to a page.<\/li>\n\n\n\n<li>Paste a video URL from a supported platform.<\/li>\n\n\n\n<li>Embed the video.<\/li>\n\n\n\n<li>Switch the block to a wide-width layout.<\/li>\n\n\n\n<li>Add a short introduction above the video.<\/li>\n\n\n\n<li>Preview the page and test playback.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Embed videos from YouTube, Kaltura, and other supported platforms directly into your pages using the Video Embed block.<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":2084,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_cu_dining_location_slug":"","footnotes":"","_links_to":"","_links_to_target":""},"cu_page_type":[71],"class_list":["post-1513","page","type-page","status-publish","hentry","cu_page_type-advanced-training-module-5"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/1513","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=1513"}],"version-history":[{"count":4,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/1513\/revisions"}],"predecessor-version":[{"id":4757,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/1513\/revisions\/4757"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/2084"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=1513"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=1513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}