episode.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. {% extends "/html/base.html" %}
  2. {%block subtitle %}: {{post.title}}{% endblock %}
  3. {% block content %}
  4. <script src="/assets/videojs/video.js"></script>
  5. <script src="/assets/videojs/videojs-contrib-hls.js"></script>
  6. <div id="post">
  7. <div id="page-header">
  8. <h2>EPISODE {{post.title}}</h2>
  9. </div>
  10. <link rel="stylesheet" href="/assets/videojs/video-js.css">
  11. {% if post.episode-prereqs %}
  12. <h4>Prereqs</h4>
  13. <ul>
  14. {% for ep-url in post.episode-prereqs %}
  15. <li><a href="{{ep-url}}">{{ep-url}}</a></li>
  16. {% endfor %}
  17. </ul>
  18. {% endif %}
  19. <video id=example-video width=640 height=360 class="video-js vjs-default-skin" data-setup='{"controls": "true", "loop": "false", "autoplay": "false", "preload": "false"}'>
  20. <source
  21. src="{{post.video-url}}"
  22. type="application/x-mpegURL">
  23. </video>
  24. <script>
  25. var player = videojs('example-video');
  26. player.play();
  27. </script>
  28. {% include "/html/post-content.html" %}
  29. {% if post.episode-next-steps %}
  30. <h4>Next steps</h4>
  31. <ul>
  32. {% for ep-url in post.episode-next-steps %}
  33. <li><a href="{{ep-url}}">{{ep-url}}</a></li>
  34. {% endfor %}
  35. </ul>
  36. {% endif %}
  37. <div id="prev-next">
  38. {% if post.prev %}
  39. <a href="{{post.prev.uri}}">&laquo; {{post.prev.title}}</a>
  40. {% endif %}
  41. {% if post.next %}
  42. <a class="right" href="{{post.next.uri}}">{{post.next.title}} &raquo;</a>
  43. {% endif %}
  44. </div>
  45. </div>
  46. {% endblock %}