<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:demo-content1+basicdemo+01" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:demo-content1+basicdemo+01+type@vertical+block@c55be3dcb8714fdd90d44bf094d65ade" data-request-token="15dd7c58b02311ef82deaab0e56e299a" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:demo-content1+basicdemo+01+type@html+block@f5e991c21e0046308f88cd1655610545">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:demo-content1+basicdemo+01" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:demo-content1+basicdemo+01+type@html+block@f5e991c21e0046308f88cd1655610545" data-request-token="15dd7c58b02311ef82deaab0e56e299a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div style="border: 3px solid #F02770; box-shadow: 5px 10px #fffff; border-radius: 25px; padding: 2rem; background-color: #e9ebea;">
<h3>About the Videos</h3>
<p>If you are a fan of audiovisual content and the benefits that it can have on the learning paths of your students, one of the best tools that Open edX will bring you is the Video components. You can easily add any YouTube video to your course, add transcriptions, and make the content accessible to different learning styles. For example, here we have a Crash Course video about astronomy to give more reference to our course.</p>
</div>
<p></p>
<p>Astronomy is almost as colossal as its study object, so we can include plenty of references in this course to give you an overview of the topic. Here is the introductory video of an astronomy course in a video series made by Crash Courses that you can assist on YouTube through their channel.</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:demo-content1+basicdemo+01+type@video+block@28fc566a0eea444b8f50e1c2112f9be2">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-course-id="course-v1:demo-content1+basicdemo+01" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="video" data-usage-id="block-v1:demo-content1+basicdemo+01+type@video+block@28fc566a0eea444b8f50e1c2112f9be2" data-request-token="15dd7c58b02311ef82deaab0e56e299a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Introduction to Astronomy - Crash Course</h3>
<div
id="video_28fc566a0eea444b8f50e1c2112f9be2"
class="video closed"
data-metadata='{"autoAdvance": false, "autohideHtml5": false, "autoplay": false, "captionDataDir": null, "completionEnabled": false, "completionPercentage": 0.95, "duration": 0.0, "end": 0.0, "generalSpeed": 1.0, "lmsRootURL": "https://lms.demo1.edunext.co", "poster": null, "prioritizeHls": false, "publishCompletionUrl": "/courses/course-v1:demo-content1+basicdemo+01/xblock/block-v1:demo-content1+basicdemo+01+type@video+block@28fc566a0eea444b8f50e1c2112f9be2/handler/publish_completion", "recordedYoutubeIsAvailable": true, "savedVideoPosition": 0.0, "saveStateEnabled": false, "saveStateUrl": "/courses/course-v1:demo-content1+basicdemo+01/xblock/block-v1:demo-content1+basicdemo+01+type@video+block@28fc566a0eea444b8f50e1c2112f9be2/handler/xmodule_handler/save_user_state", "showCaptions": "true", "sources": [], "speed": null, "start": 0.0, "streams": "1.00:0rHUDWjR5gg", "transcriptAvailableTranslationsUrl": "/courses/course-v1:demo-content1+basicdemo+01/xblock/block-v1:demo-content1+basicdemo+01+type@video+block@28fc566a0eea444b8f50e1c2112f9be2/handler/transcript/available_translations", "transcriptLanguage": "en", "transcriptLanguages": {"zh": "Chinese", "en": "English", "fr": "Fran\u00e7ais", "ar": "\u0627\u0644\u0639\u0631\u0628\u064a\u0629"}, "transcriptTranslationUrl": "/courses/course-v1:demo-content1+basicdemo+01/xblock/block-v1:demo-content1+basicdemo+01+type@video+block@28fc566a0eea444b8f50e1c2112f9be2/handler/transcript/translation/__lang__", "ytApiUrl": "https://www.youtube.com/iframe_api", "ytMetadataEndpoint": "", "ytTestTimeout": 1500}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="28fc566a0eea444b8f50e1c2112f9be2"></div>
<h4 class="hd hd-4 video-error is-hidden">No playable video sources found.</h4>
<h4 class="hd hd-4 video-hls-error is-hidden">
Your browser does not support this video format. Try using a different browser.
</h4>
</div>
<div class="video-player-post"></div>
<div class="closed-captions"></div>
<div class="video-controls is-hidden">
<div>
<div class="vcr"><div class="vidtime">0:00 / 0:00</div></div>
<div class="secondary-controls"></div>
</div>
</div>
</div>
</div>
<div class="focus_grabber last"></div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['https://d24jp206mxeyfm.cloudfront.net/static/js/dateutil_factory.a28baef97506.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
© All Rights Reserved