videoalpha.html 2.88 KB
Newer Older
1 2
<%! from django.utils.translation import ugettext as _ %>

3 4 5 6
% if display_name is not UNDEFINED and display_name is not None:
  <h2> ${display_name} </h2>
% endif

7 8
<div
  id="video_${id}"
9
      class="videoalpha"
10

11
  % if not settings.MITX_FEATURES['STUB_VIDEO_FOR_TESTING']:
12
  data-streams="${youtube_streams}"
13 14
  % endif

15
  ${'data-sub="{}"'.format(sub) if sub else ''}
16
      ${'data-autoplay="{}"'.format(autoplay) if autoplay else ''}
17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
  % if not settings.MITX_FEATURES['STUB_VIDEO_FOR_TESTING']:
  ${'data-mp4-source="{}"'.format(sources.get('mp4')) if sources.get('mp4') else ''}
  ${'data-webm-source="{}"'.format(sources.get('webm')) if sources.get('webm') else ''}
  ${'data-ogg-source="{}"'.format(sources.get('ogv')) if sources.get('ogv') else ''}
  % endif

  data-caption-data-dir="${data_dir}"
  data-show-captions="${show_captions}"
  data-start="${start}"
  data-end="${end}"
  data-caption-asset-path="${caption_asset_path}"
  data-autoplay="${autoplay}"
>
<div class="tc-wrapper">
  <article class="video-wrapper">
32
        <div class="video-player-pre"></div>
33 34 35
    <section class="video-player">
      <div id="${id}"></div>
    </section>
36
        <div class="video-player-post"></div>
Vasyl Nakvasiuk committed
37 38 39 40
        <section class="video-controls">
          <div class="slider"></div>
            <div>
                <ul class="vcr">
41
                    <li><a class="video_control" href="#" title="${_('Play')}"></a></li>
Vasyl Nakvasiuk committed
42 43 44 45 46
                    <li><div class="vidtime">0:00 / 0:00</div></li>
                </ul>
                <div class="secondary-controls">
                    <div class="speeds">
                        <a href="#">
47
                            <h3>${_('Speed')}</h3>
Vasyl Nakvasiuk committed
48 49 50 51 52 53 54 55 56 57
                            <p class="active"></p>
                        </a>
                        <ol class="video_speeds"></ol>
                    </div>
                    <div class="volume">
                        <a href="#"></a>
                        <div class="volume-slider-container">
                            <div class="volume-slider"></div>
                        </div>
                    </div>
58 59
                    <a href="#" class="add-fullscreen" title="${_('Fill browser')}">${_('Fill browser')}</a>
                    <a href="#" class="quality_control" title="${_('HD')}">${_('HD')}</a>
Vasyl Nakvasiuk committed
60 61

                    % if show_captions == 'true':
62
                    <a href="#" class="hide-subtitles" title="${_('Turn off captions')}">${_('Captions')}</a>
Vasyl Nakvasiuk committed
63 64 65 66
                    % endif
                </div>
            </div>
        </section>
67
  </article>
Vasyl Nakvasiuk committed
68 69

      % if show_captions == 'true':
70
      <ol class="subtitles"><li></li></ol>
Vasyl Nakvasiuk committed
71 72
      % endif

73 74
</div>
</div>
75

76
% if sources.get('main'):
77
<div class="video-sources">
78
  <p>${_('Download video <a href="%s">here</a>.') % sources.get('main')}</p>
79 80 81 82 83
</div>
% endif

% if track:
<div class="video-tracks">
84
  <p>${_('Download subtitles <a href="%s">here</a>.') % track}</p>
85 86
</div>
% endif