89 lines
5.1 KiB
HTML
89 lines
5.1 KiB
HTML
<div class="course-content">
|
|
<div class="vert-mod">
|
|
<div id="video_example">
|
|
<div id="example">
|
|
<div
|
|
id="video_id"
|
|
class="video closed vert vert-video_id"
|
|
data-block-id="block-v1:coursekey+type@video+block@000000000000000000"
|
|
data-course-id="course-v1:someOrg+thisCOurse+runAway"
|
|
data-metadata='{"autohideHtml5": "true", "autoplay": "false", "captionDataDir": "", "endTime": "", "generalSpeed": "1.0", "saveStateUrl": "/save_user_state", "savedVideoPosition": "0", "showCaptions": "true", "sources": ["/base/fixtures/test.mp4","/base/fixtures/test.webm","/base/fixtures/test.ogv"], "speed": "1.5", "startTime": "", "streams": "", "sub": "Z5KLxerq05Y", "transcriptAvailableTranslationsUrl": "/transcript/available_translations", "transcriptLanguage": "en", "transcriptLanguages": {"en": "English", "de": "Deutsch", "zh": "普通话"}, "transcriptTranslationUrl": "/transcript/translation/__lang__", "ytApiUrl": "/base/fixtures/youtube_iframe_api.js", "ytImageUrl": "", "ytTestTimeout": "1500", "ytMetadataUrl": "www.googleapis.com/youtube/v3/videos/"}'
|
|
>
|
|
<div class="focus_grabber first"></div>
|
|
|
|
<div class="tc-wrapper">
|
|
<article 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>
|
|
<section class="video-player">
|
|
<div id="id"></div>
|
|
</section>
|
|
<div class="video-player-post"></div>
|
|
<div class="closed-captions"></div>
|
|
<section class="video-controls is-hidden">
|
|
<div class="slider"></div>
|
|
<div>
|
|
<div class="vcr"><div class="vidtime">0:00 / 0:00</div></div>
|
|
<div class="secondary-controls"></div>
|
|
</div>
|
|
</section>
|
|
</article>
|
|
</div>
|
|
|
|
<div class="focus_grabber last"></div>
|
|
|
|
<div class="wrapper-video-bottom-section">
|
|
<h3 class="hd hd-4 downloads-heading sr" id="video-download-transcripts">Downloads and transcripts</h3>
|
|
<div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts">
|
|
<div class="wrapper-download-video">
|
|
<h4 class="hd hd-5">Video</h4>
|
|
<div class="wrapper-social-share" data-url="video-share-url">
|
|
<span class="icon fa fa-share-alt" aria-hidden="true"></span>
|
|
Share on:
|
|
<a class="btn-link social-share-link" data-source="twitter" href="#">
|
|
<span style="display: inline-block; vertical-align: middle; padding-left: 1px;">
|
|
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" height="15" width="12.86" viewBox="0 0 448 512">
|
|
<!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
|
|
<path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm297.1 84L257.3 234.6 379.4 396H283.8L209 298.1 123.3 396H75.8l111-126.9L69.7 116h98l67.7 89.5L313.6 116h47.5zM323.3 367.6L153.4 142.9H125.1L296.9 367.6h26.3z"/>
|
|
</svg>
|
|
</span>
|
|
<span class="sr">Share on twitter</span>
|
|
</a>
|
|
<a class="btn-link social-share-link" data-source="facebook" href="#">
|
|
<span class="icon fa fa-linkedin-square" aria-hidden="true"></span>
|
|
<span class="sr">Share on facebook</span>
|
|
</a>
|
|
<a class="btn-link social-share-link" data-source="linkedin" href="#">
|
|
<span class="icon fa fa-linkedin-square" aria-hidden="true"></span>
|
|
<span class="sr">Share on linkedin</span>
|
|
</a>
|
|
</div>
|
|
<a class="btn-link video-sources video-download-button" href="#">
|
|
Download video file
|
|
</a>
|
|
</div>
|
|
<div class="wrapper-download-transcripts">
|
|
<h4 class="hd hd-5">Transcripts</h4>
|
|
<ul class="list-download-transcripts">
|
|
<li class="transcript-option">
|
|
<a href="#" class="btn btn-link" data-href="txt">Download Text (.txt) file</a>
|
|
</li>
|
|
<li class="transcript-option">
|
|
<a href="#" class="btn btn-link" data-href="srt">Download SubRip (.srt) file</a>
|
|
</li>
|
|
</ul>
|
|
<a href="#" class="external-track">Download transcript</a>
|
|
</div>
|
|
<div class="wrapper-handouts">
|
|
<h4 class="hd hd-5">Handouts</h4>
|
|
<a href="#">Download Handout</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|