<div class="xblock xblock-public_view xblock-public_view-vertical" data-graded="False" data-has-score="False" data-runtime-class="LmsRuntime" data-init="VerticalStudentView" data-course-id="course-v1:DEMOS+DEMO-RJ+2020" data-request-token="ae2f00e676d811ef94f90a05007e0de8" data-runtime-version="1" data-usage-id="block-v1:DEMOS+DEMO-RJ+2020+type@vertical+block@f31f0565be2443e09e625a30bb474086" data-block-type="vertical">
<h2 class="hd hd-2 unit-title">Video</h2>
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:DEMOS+DEMO-RJ+2020+type@html+block@53d7d02c72384cb7b141c390ac225a29">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlModule" data-graded="False" data-has-score="False" data-runtime-class="LmsRuntime" data-init="XBlockToXModuleShim" data-block-type="html" data-request-token="ae2f00e676d811ef94f90a05007e0de8" data-runtime-version="1" data-usage-id="block-v1:DEMOS+DEMO-RJ+2020+type@html+block@53d7d02c72384cb7b141c390ac225a29" data-type="HTMLModule" data-course-id="course-v1:DEMOS+DEMO-RJ+2020">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
.aspect-ratio {
position: relative;
width: 100%;
height: 0;
padding-bottom: 60%; /* ajustar la relación de aspecto deseada */
}
.aspect-ratio iframe { /* cambiar al tipo de tag que se incrusta */
position: absolute;
width: 100%;
height: 60vh;
left: 0; top: 0;
}
</style>
<div class='aspect-ratio'>
<iframe width='640' height='564'
src='https://player.vimeo.com/video/376808389'
frameborder='0' allowFullScreen mozallowfullscreen webkitAllowFullScreen>
</iframe>
</div>
</div>
</div>
</div>
</div>