path: root/templates/video-player.html

<video id="media-$id$" class="thumbnail" controls preload="metadata"></video>
<script type='module'>
  const torrentId = '$torrent$';
  const player = document.querySelector('#media-$id$');
  window.torrentClient.add(torrentId, torrent => {
    const thumbnail = torrent.files.find(file => file.name.endsWith('.jpg')).streamURL;
    player.setAttribute("poster", thumbnail);
    const videofile = torrent.files.find(file => file.name.endsWith('.mp4'));
    videofile.streamTo(player);
  });
</script>