video.html 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. ---
  2. layout: default
  3. ---
  4. <section class="video">
  5. <header>
  6. <h1>{{ page.title }}</h1>
  7. <p>
  8. <small>by {{ page.speaker }}</small>
  9. </p>
  10. </header>
  11. <article>
  12. <p>
  13. {{ page.description }}
  14. </p>
  15. <div class="video-frame">
  16. <iframe title="{{ page.title }} by"
  17. src="{{ site.data.sites.sites[page.site] | replace: '!ID!', page.id }}"
  18. frameborder="0"
  19. {% if page.site == "youtube"%}
  20. sandbox="allow-same-origin allow-scripts"
  21. {% else %}
  22. sandbox="allow-scripts"
  23. {% endif %}
  24. allow="encrypted-media"
  25. allowfullscreen>
  26. </iframe>
  27. </div>
  28. <p>
  29. <small>
  30. {% if page.site == "peertube" %}
  31. Read
  32. <a rel="content-license nofollow noopener noreferrer"
  33. href="https://peertube.social/about/peertube#p2p-privacy">
  34. Peertube Social's info on P2P & Privacy
  35. </a>
  36. {% elsif page.site == "youtube" %}
  37. YouTube Privacy Enhanced Mode on.
  38. <a rel="nofollow noopener noreferrer"
  39. href="https://support.google.com/youtube/answer/171780?hl=en">
  40. Ad-tracking
  41. </a>
  42. still on, though.
  43. {% else %}
  44. Tracking enabled from source. At least, this page loads faster.
  45. {% endif %}
  46. </small>
  47. </p>
  48. <p>
  49. <small>
  50. License details at
  51. <a rel="content-license nofollow noopener noreferrer"
  52. href="{{ site.data.sites.licenses[page.license] }}">
  53. {{ page.license }}
  54. </a>
  55. </small>
  56. </p>
  57. </article>
  58. </section>