live-event.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. {% extends "/html/base.html" %}
  2. {%block subtitle %}: {{post.title}}{% endblock %}
  3. {% block head %}
  4. <meta name="twitter:card" content="summary_large_image">
  5. <meta name="twitter:site" content="@ispoogedaily">
  6. <meta name="twitter:creator" content="@harlanji">
  7. <meta property="og:url" content="{{site-url}}{{uri}}">
  8. <meta property="og:title" content="{{post.title}}">
  9. <meta property="og:description" content="VIDEO - {{post.title}}.">
  10. <meta property="og:image" content="{{site-url}}{{post.video-thumbnail-url}}">
  11. <link rel="stylesheet" href="/assets/videojs/video-js.css">
  12. <script src="/assets/videojs/video.js"></script>
  13. <script src="/assets/videojs/videojs-contrib-hls.js"></script>
  14. <script src="/assets/videojs/videojs-media-session.js"></script>
  15. {% endblock %}
  16. {% block content %}
  17. <div id="custom-page">
  18. <div id="page-header">
  19. <h2>{{post.title}}</h2>
  20. </div>
  21. <video id="video-player" width="640" height="360" class="video-js vjs-default-skin"
  22. controls poster="{{post.video-thumbnail-url}}" data-setyp='{"controls": "true", "loop": "false", "autoplay": "false", "preload": "false"}'>
  23. <source src="{{post.video-url}}" type="application/x-mpegURL">
  24. </source>
  25. <p class="vjs-no-js">The browser doesn't seem to support our video player... new browsers should.</p>
  26. </video>
  27. <script>
  28. var player = videojs('video-player');
  29. player.ready(function() {
  30. player.mediaSession();
  31. });
  32. //player.play();
  33. </script>
  34. {{post.content|safe}}
  35. </div>
  36. {% endblock %}