{"id":9841,"date":"2020-05-06T12:29:36","date_gmt":"2020-05-06T12:29:36","guid":{"rendered":"http:\/\/blog.citl.mun.ca\/technologyresources\/?page_id=9841"},"modified":"2024-12-18T14:29:59","modified_gmt":"2024-12-18T17:59:59","slug":"citl-video-uploader","status":"publish","type":"page","link":"https:\/\/blog.citl.mun.ca\/technologyresources\/other-edtech\/citl-video-uploader\/","title":{"rendered":"CITL Video Uploader"},"content":{"rendered":"\n<p><div class='content-column one_third'><div id=\"bellows-main-videouploader\" class=\"bellows bellows-nojs bellows-main bellows-source-menu bellows-align-left bellows-skin-vanilla bellows-type- bellows-expand-current\"><ul id=\"menu-video-uploader\" class=\"bellows-nav\" data-bellows-config=\"main\"><li id=\"menu-item-33751\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-home bellows-menu-item-has-children bellows-menu-item-33751 bellows-item-level-0\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Home<\/span><button class=\"bellows-subtoggle\" aria-label=\"Toggle Submenu\"><i class=\"bellows-subtoggle-icon-expand fa fa-chevron-down\"><\/i><i class=\"bellows-subtoggle-icon-collapse fa fa-chevron-up\"><\/i><\/button><\/a>\n<ul class=\"bellows-submenu\">\n\t<li id=\"menu-item-33753\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-has-children bellows-menu-item-33753 bellows-item-level-1\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/other-edtech\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Other Technology Tools<\/span><button class=\"bellows-subtoggle\" aria-label=\"Toggle Submenu\"><i class=\"bellows-subtoggle-icon-expand fa fa-chevron-down\"><\/i><i class=\"bellows-subtoggle-icon-collapse fa fa-chevron-up\"><\/i><\/button><\/a>\n\t<ul class=\"bellows-submenu\">\n\t\t<li id=\"menu-item-33733\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-has-children bellows-menu-item-33733 bellows-item-level-2\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/other-edtech\/citl-video-uploader\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">CITL Video Uploader<\/span><button class=\"bellows-subtoggle\" aria-label=\"Toggle Submenu\"><i class=\"bellows-subtoggle-icon-expand fa fa-chevron-down\"><\/i><i class=\"bellows-subtoggle-icon-collapse fa fa-chevron-up\"><\/i><\/button><\/a>\n\t\t<ul class=\"bellows-submenu\">\n\t\t\t<li id=\"menu-item-33731\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-33731 bellows-item-level-3\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/other-edtech\/citl-video-uploader\/self-service-video-uploader-frequently-asked-questions\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Video Uploader FAQs<\/span><\/a><\/li>\n\t\t<\/ul>\n<\/li>\n\t<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul><\/div><\/div><br><div class='content-column two_third last_column'><h1 class=\"wp-block-heading\">CITL Video Uploader<\/h1>\n\n\n\n<p>CITL has created a video service available for instructors to host short, self-created video lectures. The system allows instructors to upload video files to the server; the videos are then processed and made available for internet streaming. Once conversion is complete, an embed code is provided that allows the video to be embedded into a Brightspace course site.<\/p>\n\n\n\n<p>Each instructor receives 30 GB of space for storing lectures and has the ability to add or remove from this list as needed. Individual video uploads are capped at 1 GB per file. Instructors are encouraged to retain a copy of the original recording after uploading it to the server as once the video is converted, it cannot be downloaded in its original form.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#d9f0fe\"><strong>NOTE<\/strong>: A typical 15 minute video encoded at 720p (the maximum quality that can be streamed) should be about 200MB per file. If your video is significantly larger than this, you should transcode it to maximize your storage space, and improve the student streaming experience. You can find instructions on how to transcode to 720p in our <a href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/other-edtech\/self-service-video-hosting\/self-service-video-uploader-frequently-asked-questions\/\">FAQ<\/a>.<\/p>\n\n\n\n<p>For details on using the Video Uploader tool, open the menu items below, or refer to the video tutorials at the bottom of this page.<\/p>\n\n\n\n<div class=\"wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js\" data-initially-open=\"false\" data-click-to-close=\"true\" data-auto-close=\"true\" data-scroll=\"false\" data-scroll-offset=\"0\"><h4 id=\"at-98410\" class=\"c-accordion__title js-accordion-controller\" role=\"button\"><strong>&gt; Accessing the Video Uploader<\/strong><\/h4><div id=\"ac-98410\" class=\"c-accordion__content\">\n<ul class=\"wp-block-list\">\n<li>To access the Video Upoader tool, go to Brightspace and locate the <strong>My Dashboard<\/strong> widget. Click the <strong>Instructors <\/strong>tile inside the widget. <\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image is-style-default border\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"943\" height=\"322\" src=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-1.png\" alt=\"\" class=\"wp-image-33433\" style=\"width:707px;height:242px\" srcset=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-1.png 943w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-1-300x102.png 300w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-1-768x262.png 768w\" sizes=\"auto, (max-width: 943px) 100vw, 943px\" \/><figcaption class=\"wp-element-caption\">Image: Instructors tile in &#8216;My Dashboard&#8217;<\/figcaption><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>On the next page, select <strong>Video Uploader. <\/strong>This will take you to the <em>Instructor Tools<\/em> portal.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image is-style-default border\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-2-1024x493.png\" alt=\"\" class=\"wp-image-33435\" style=\"width:768px;height:370px\" srcset=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-2-1024x493.png 1024w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-2-300x144.png 300w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-2-768x370.png 768w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-2.png 1157w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Image: Link to the Video Uploader tool<\/figcaption><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Read the disclaimer, and click <strong>Let&#8217;s Get Started<\/strong> to begin.<\/li>\n<\/ul>\n\n\n\n<p>The next screen is the Video Uploader dashboard. On this screen you can see:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>how much of your quota is in use on the server<\/li>\n\n\n\n<li>which videos are currently being uploaded to the server (if applicable)<\/li>\n\n\n\n<li>which videos are processed, and ready to be embedded.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image is-style-default border\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"359\" src=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-3a-1024x359.png\" alt=\"\" class=\"wp-image-33441\" srcset=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-3a-1024x359.png 1024w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-3a-300x105.png 300w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-3a-768x269.png 768w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-3a-1536x538.png 1536w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-3a.png 1861w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Image: Video Uploader tool<\/figcaption><\/figure>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js\" data-initially-open=\"false\" data-click-to-close=\"true\" data-auto-close=\"true\" data-scroll=\"false\" data-scroll-offset=\"0\"><h4 id=\"at-98411\" class=\"c-accordion__title js-accordion-controller\" role=\"button\"><strong>&gt; Uploading Your Video to the Server<\/strong><\/h4><div id=\"ac-98411\" class=\"c-accordion__content\">\n<p>On the Video Uploader page, click <strong>Add a Video<\/strong>. Step-by-step instructions will appear on the screen. Follow these instructions to upload your video to the CITL server. <\/p>\n\n\n<div class=\"wp-block-image is-style-default border\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"330\" src=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-4-1024x330.png\" alt=\"\" class=\"wp-image-33439\" srcset=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-4-1024x330.png 1024w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-4-300x97.png 300w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-4-768x248.png 768w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-4-1536x496.png 1536w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-4.png 1770w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Image: &#8216;Add a Video&#8217; button<\/figcaption><\/figure>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js\" data-click-to-close=\"true\" data-auto-close=\"true\"><h4 id=\"at-98412\" class=\"c-accordion__title js-accordion-controller\" role=\"button\"><strong>&gt; Embedding Your Video in Brightspace<\/strong><\/h4><div id=\"ac-98412\" class=\"c-accordion__content\">\n\n<p>Once your video has been uploaded and processed, it will appear in the <em>Videos available for embedding<\/em> section of the Video Uploader page.<\/p>\n\n<div class=\"wp-block-image is-style-default border\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"600\" src=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-5-1024x600.png\" alt=\"\" class=\"wp-image-33443\" srcset=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-5-1024x600.png 1024w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-5-300x176.png 300w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-5-768x450.png 768w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-5-1536x900.png 1536w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-5.png 1861w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Image: &#8216;Videos available for embedding&#8217; section<\/figcaption><\/figure>\n<\/div>\n\n<p>There are two options for making your videos available to students:<\/p>\n\n\n<ol class=\"wp-block-list\">\n\n<li><strong>Embedding the video on a content page<\/strong> in your course, which will allow you to include text and context around the video. This option will enable the video to play on the same page as the content;<\/li>\n\n\n<li><strong>Adding a link to your course site<\/strong>, which will open a new window that will show your video.<\/li>\n\n<\/ol>\n\n\n<p>To access the embed code or link, click the embed icon ( <img loading=\"lazy\" decoding=\"async\" width=\"26\" height=\"31\" class=\"wp-image-33445\" style=\"width: 26px\" src=\"http:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/image-1.png\" alt=\"\">) to the right from the video you would like to embed. <\/p>\n\n<div class=\"wp-block-image is-style-default border\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"146\" src=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-6-1024x146.png\" alt=\"\" class=\"wp-image-33449\" srcset=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-6-1024x146.png 1024w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-6-300x43.png 300w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-6-768x110.png 768w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-6-1536x220.png 1536w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-6.png 1601w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Image: &#8216;Embed code&#8217; icon<\/figcaption><\/figure>\n<\/div>\n\n<p>Select the embed code (or link) that matches the method of sharing you prefer.<\/p>\n\n<div class=\"wp-block-image is-style-default border\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"314\" src=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-7-1024x314.png\" alt=\"\" class=\"wp-image-33451\" srcset=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-7-1024x314.png 1024w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-7-300x92.png 300w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-7-768x235.png 768w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-7-1536x470.png 1536w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-7.png 1757w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Image: Embed codes and links<\/figcaption><\/figure>\n<\/div>\n\n<p>Once you have your embed code:<\/p>\n\n\n<ul class=\"wp-block-list\">\n\n<li>Return to your Brightspace course site and go to <strong>Content<\/strong>.<\/li>\n\n\n<li>Create a new page, or select an existing page to edit.<\/li>\n\n<\/ul>\n\n<div class=\"wp-block-image is-style-default border\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"912\" height=\"425\" src=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2020\/10\/create_html_page.png\" alt=\"\" class=\"wp-image-12945\" srcset=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2020\/10\/create_html_page.png 912w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2020\/10\/create_html_page-300x140.png 300w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2020\/10\/create_html_page-768x358.png 768w\" sizes=\"auto, (max-width: 912px) 100vw, 912px\" \/><figcaption class=\"wp-element-caption\">Image: &#8216;Create a file&#8217; link under Content in Brightspace<\/figcaption><\/figure>\n<\/div>\n\n<ul class=\"wp-block-list\">\n\n<li>On the content page, click on the location where you would like to embed your video.<\/li>\n\n\n<li>Click the <strong>Insert Stuff<\/strong> button in the toolbar and select <strong>Enter Embed Code<\/strong> from the menu.<\/li>\n\n<\/ul>\n\n\n<ul class=\"wp-block-list\">\n<div class=\"wp-block-image is-style-default border\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-8-1024x469.png\" alt=\"\" class=\"wp-image-33453\" width=\"768\" height=\"352\" srcset=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-8-1024x469.png 1024w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-8-300x137.png 300w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-8-768x352.png 768w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2024\/03\/My-dashboard-8.png 1031w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption class=\"wp-element-caption\">Image: Insert Stuff and Enter Ember Code links<\/figcaption><\/figure>\n<\/div>\n<\/ul>\n\n\n<ul class=\"wp-block-list\">\n\n<li>Paste your embed code into the box that pops up and click <strong>Next<\/strong>.<\/li>\n\n\n<li>You will be shown a preview of your embedded video. <\/li>\n\n\n<li>Click <strong>Insert<\/strong>. This will add the video link to your content. <\/li>\n\n\n<li>Once you are finished making edits to the page, click <strong>Save<\/strong> or <strong>Save and Close<\/strong>.<\/li>\n\n<\/ul>\n\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js\" data-initially-open=\"false\" data-click-to-close=\"true\" data-auto-close=\"true\" data-scroll=\"false\" data-scroll-offset=\"0\"><h4 id=\"at-98412\" class=\"c-accordion__title js-accordion-controller\" role=\"button\"><strong>&gt; Managing Your Videos<\/strong><\/h4><div id=\"ac-98412\" class=\"c-accordion__content\">\n<p>As you upload videos to the server, you will notice that your quota listed at the top of the page will fill up.<\/p>\n\n\n<div class=\"wp-block-image is-style-default border\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"347\" height=\"114\" src=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/06\/usage.png\" alt=\"\" class=\"wp-image-19179\" srcset=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/06\/usage.png 347w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/06\/usage-300x99.png 300w\" sizes=\"auto, (max-width: 347px) 100vw, 347px\" \/><figcaption class=\"wp-element-caption\">Image: Space usage indicator<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Your quota is determined by the file sizes of your final processed file (not the original file size of your upload). The upload process automatically converts your video into a number of stream-friendly formats for different student bandwidth situations. The goal is to ensure that no matter what internet connection type your students have, they will be able to watch your video.<\/p>\n\n\n\n<p>Across from the videos listed in the <em>Videos available for embedding<\/em> table you will see a number of options:<\/p>\n\n\n<div class=\"wp-block-image is-style-default border\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"154\" height=\"66\" src=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/06\/usage2.png\" alt=\"\" class=\"wp-image-19181\" \/><figcaption class=\"wp-element-caption\">Image: Options available for each video<\/figcaption><\/figure>\n<\/div>\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Update metadata for this video<\/strong> &#8211; this button will allow you to edit the title, and other optional metadata for the video<\/li>\n\n\n\n<li><strong>Play video<\/strong> &#8211; this button allows you to review the video<\/li>\n\n\n\n<li><strong>Embed code<\/strong> &#8211; this button generates embed codes for your video<\/li>\n\n\n\n<li><strong>Closed Captions <\/strong>&#8211; this button allows you to upload a closed captions file to your video<\/li>\n\n\n\n<li><strong>Delete video<\/strong> &#8211; this button allows you to delete the video from the system freeing up the space in your quota, but breaking any video embed you have placed in your courses.<\/li>\n<\/ol>\n\n\n\n<p class=\"has-background\" style=\"background-color:#d9f0fe\"><strong>NOTE<\/strong>: Care should be taken when deleting a video that it is no longer needed for your students. <strong>CITL does not retain a copy of the original video so when it is deleted, it is unrecoverable<\/strong>. If you need the video embedded again, you must upload it from the original source file.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-pb-accordion-item c-accordion__item js-accordion-item no-js\" data-initially-open=\"false\" data-click-to-close=\"true\" data-auto-close=\"true\" data-scroll=\"false\" data-scroll-offset=\"0\"><h4 id=\"at-98413\" class=\"c-accordion__title js-accordion-controller\" role=\"button\"><strong>&gt; Closed Captions<\/strong><\/h4><div id=\"ac-98413\" class=\"c-accordion__content\">\n<p>By clicking on the closed captions button next to a video, you will be presented with an upload screen like the one seen below.<\/p>\n\n\n<div class=\"wp-block-image is-style-default border\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"207\" src=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/06\/image-1024x207.png\" alt=\"\" class=\"wp-image-19185\" srcset=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/06\/image-1024x207.png 1024w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/06\/image-300x61.png 300w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/06\/image-768x155.png 768w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/06\/image-1536x311.png 1536w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/06\/image.png 1751w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"> Image: Closed Captions window<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Here, you can upload a generated closed caption file in DFXP, SRT or VTT file formats.  Once uploaded, your students will than have access to a transcription and closed captions option they can use within the player.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Tutorial Videos<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Uploading Videos to the CITL Server<\/h3>\n\n\n<style>\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa } a.ai-bold {font-weight: bold;}#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}<\/style><script type=\"text\/javascript\">var ai_iframe_width_advanced_iframe = 0;var ai_iframe_height_advanced_iframe = 0;var aiOnloadScrollTop=\"true\";var aiShowDebug=false;\n\t\tif (typeof aiReadyCallbacks === 'undefined') {\n\t\t\tvar aiReadyCallbacks = [];\n\t\t} else if (!(aiReadyCallbacks instanceof Array)) {\n\t\t\tvar aiReadyCallbacks = [];\n\t\t}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); }    function aiResizeIframeHeightId(height,width,id) {aiResizeIframeHeightById(id,height);}<\/script><iframe id=\"advanced_iframe\"  name=\"Memorial_Player\"  src=\"https:\/\/streaming.citl.mun.ca\/play\/courses.php?id=I8mjNShgjIfXSV8lDSuxusAKEFxTlE0sJTcG66lZnBmOLHedzO%2Ffgxeivm567zXNKNiBAvfyPiha6s2JSJHVEZ%2BIHO2PZpvU78mf74WMVr0%3D\"  width=\"640\"  height=\"360\"  scrolling=\"no\"  frameborder=\"0\"  border=\"0\"  allowtransparency=\"true\"  loading=\"lazy\"  style=\";border-width: 0px;;border: none;;width:640px;;height:360px;\"  allowfullscreen ><\/iframe><script type=\"text\/javascript\">var ifrm_advanced_iframe = document.getElementById(\"advanced_iframe\");var hiddenTabsDoneadvanced_iframe = false;\nfunction resizeCallbackadvanced_iframe() {}<\/script><script type=\"text\/javascript\"><\/script>\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Embedding Videos in Brightspace<\/h3>\n\n\n<style>\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe_2 {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa } a.ai-bold {font-weight: bold;}#ai-layer-div-advanced_iframe_2 p {height:100%;margin:0;padding:0}<\/style><script type=\"text\/javascript\">var ai_iframe_width_advanced_iframe_2 = 0;var ai_iframe_height_advanced_iframe_2 = 0;var aiOnloadScrollTop=\"true\";var aiShowDebug=false;\n\t\tif (typeof aiReadyCallbacks === 'undefined') {\n\t\t\tvar aiReadyCallbacks = [];\n\t\t} else if (!(aiReadyCallbacks instanceof Array)) {\n\t\t\tvar aiReadyCallbacks = [];\n\t\t}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe_2); }    function aiResizeIframeHeightId(height,width,id) {aiResizeIframeHeightById(id,height);}<\/script><iframe id=\"advanced_iframe_2\"  name=\"Memorial_Player\"  src=\"https:\/\/streaming.citl.mun.ca\/play\/courses.php?id=I8mjNShgjIfXSV8lDSuxusAKEFxTlE0sJTcG66lZnBmOLHedzO%2Ffgxeivm567zXNcJ%2FX5ncPmbIslXmC3PbP1oEIx5JqF1vtEtJmP4km6Ho%3D\"  width=\"640\"  height=\"360\"  scrolling=\"no\"  frameborder=\"0\"  border=\"0\"  allowtransparency=\"true\"  loading=\"lazy\"  style=\";border-width: 0px;;border: none;;width:640px;;height:360px;\"  allowfullscreen ><\/iframe><script type=\"text\/javascript\">var ifrm_advanced_iframe_2 = document.getElementById(\"advanced_iframe_2\");var hiddenTabsDoneadvanced_iframe_2 = false;\nfunction resizeCallbackadvanced_iframe_2() {}<\/script><script type=\"text\/javascript\"><\/script><\/div><div class='clear_column'><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":1087,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-9841","page","type-page","status-publish"],"featured_image_src":null,"_links":{"self":[{"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/pages\/9841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/comments?post=9841"}],"version-history":[{"count":44,"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/pages\/9841\/revisions"}],"predecessor-version":[{"id":34717,"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/pages\/9841\/revisions\/34717"}],"up":[{"embeddable":true,"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/pages\/1087"}],"wp:attachment":[{"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/media?parent=9841"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/categories?post=9841"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/tags?post=9841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}