1
0

video.html 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <%include file="header.inc.html"/>
  2. <video id="player" playsinline controls data-poster="${video.thumbnail}">
  3. <source src="${video.video}" type="video/webm" />
  4. </video>
  5. <div id="tags" class="tags are-normal"></div>
  6. <hr id="delimiter">
  7. <time id="upload_date" class="is-size-7 is-family-secondary"></time>
  8. <div id="video_info">
  9. <span class="icon-text">
  10. <span class="icon">
  11. <i id="likes_icon" class="fas fa-heart"></i>
  12. </span>
  13. <span id="likes_count"></span>
  14. </span>
  15. <span>
  16. <div class="media">
  17. <div class="media-left">
  18. <figure class="image is-24x24">
  19. <img id="uploader_avatar" src="/static/avatars/default/default.128.png">
  20. </figure>
  21. </div>
  22. <div class="media-content">
  23. <a id="uploader_username"></a>
  24. </div>
  25. </div>
  26. </span>
  27. </div>
  28. <br>
  29. <div class="buttons is-centered">
  30. <button id="last_button" class="button" disabled>
  31. <span class="icon"><i class="fas fa-angle-left"></i></span>
  32. <span>Last</span>
  33. </button>
  34. <a class="button" href="/random">
  35. <span class="icon"><i class="fas fa-dice"></i></span>
  36. <span>Random</span>
  37. </a>
  38. <button id="next_button" class="button" disabled>
  39. <span class="icon"><i class="fas fa-angle-right"></i></span>
  40. <span>Next</span>
  41. </button>
  42. </div>
  43. <br>
  44. <div class="box">
  45. <div class="field">
  46. <label class="label"><b id="comments_count"></b> comment<span id="comments_count_suffix"></span>.</label>
  47. <div class="control is-expanded">
  48. <textarea id="comment_field" class="textarea" rows="1"></textarea>
  49. </div>
  50. <p id="characters_left" class="help">256</p>
  51. </div>
  52. <div id="send_comment_field" class="field has-text-right">
  53. <div class="control">
  54. <a id="send_comment" class="button is-primary">Send</a>
  55. </div>
  56. </div>
  57. </div>
  58. <hr>
  59. <div id="comments" class="columns is-desktop is-multiline"></div>
  60. <script>
  61. window.video_id = ${video.id};
  62. window.video_uploader_id = ${video.uploader.id};
  63. window.video_upload_ts = ${int(video.upload_date.timestamp())};
  64. </script>
  65. <script src="/static/js/video.js"></script>
  66. <%include file="footer.inc.html"/>