121 lines
6.4 KiB
HTML
121 lines
6.4 KiB
HTML
<div class="course-content">
|
|
<div id="video_example1">
|
|
<div id="example1">
|
|
<div
|
|
id="video_id1"
|
|
class="video closed"
|
|
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": "0.5:7tqY6eQzVhE,1.0:cogebirgzzM,1.5:abcdefghijkl", "sub": "", "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">
|
|
<iframe id="id1"></iframe>
|
|
</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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="course-content">
|
|
<div id="video_example2">
|
|
<div id="example2">
|
|
<div
|
|
id="video_id2"
|
|
class="video"
|
|
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.0", "startTime": "", "streams": "0.75:7tqY6eQzVhE,1.0:cogebirgzzM", "sub": "", "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="tc-wrapper">
|
|
<article class="video-wrapper">
|
|
<div class="video-player-pre"></div>
|
|
<section class="video-player">
|
|
<iframe id="id2"></iframe>
|
|
</section>
|
|
<div class="video-player-post"></div>
|
|
<section class="video-controls">
|
|
<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 class="subtitles">
|
|
<ol class="subtitles-menu"><li></li></ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="course-content">
|
|
<div id="video_example3">
|
|
<div id="example3">
|
|
<div
|
|
id="video_id3"
|
|
class="video"
|
|
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.0", "startTime": "", "streams": "0.75:7tqY6eQzVhE,1.0:cogebirgzzM", "sub": "", "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="tc-wrapper">
|
|
<article class="video-wrapper">
|
|
<div class="video-player-pre"></div>
|
|
<section class="video-player">
|
|
<iframe id="id3"></iframe>
|
|
</section>
|
|
<div class="video-player-post"></div>
|
|
<section class="video-controls">
|
|
<div class="slider"></div>
|
|
<div>
|
|
<ul class="vcr">
|
|
<li><a class="video_control" href="#" title="Play"></a></li>
|
|
<li><div class="vidtime">0:00 / 0:00</div></li>
|
|
</ul>
|
|
<div class="secondary-controls">
|
|
<div class="speeds">
|
|
<a class="speed-button" href="#" title="Speeds" role="button" aria-disabled="false">
|
|
<span class="label">Speed</span>
|
|
<span class="value"></span>
|
|
</a>
|
|
<ol class="video-speeds"></ol>
|
|
</div>
|
|
<div class="volume">
|
|
<button type="button"></button>
|
|
<div class="volume-slider-container">
|
|
<div class="volume-slider"></div>
|
|
</div>
|
|
</div>
|
|
<button type="button" class="add-fullscreen" title="Fill browser">Fill Browser</button>
|
|
<button type="button" class="quality-control is-hidden" title="HD">HD</button>
|
|
<div class="lang menu-container">
|
|
<button type="button" class="hide-subtitles" title="Turn off captions" role="button" aria-disabled="false">Captions</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</article>
|
|
|
|
<div class="subtitles">
|
|
<ol class="subtitles-menu"><li></li></ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|