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

<div id="video_${id}" class="video" data-streams="${streams}" data-caption-data-dir="${data_dir}" data-show-captions="${show_captions}">
  <div class="tc-wrapper">
    <article class="video-wrapper">
      <section class="video-player">
        <div id="${id}"></div>
      </section>

      <section class="video-controls"></section>
    </article>
  </div>
</div>
% if source:
<div class="video-sources">
  <p>Download video <a href="${source}">here</a>.</p>
</div>
% endif

% if track:
<div class="video-tracks">
  <p>Download subtitles <a href="${track}">here</a>.</p>
</div>
% endif
