added support for autoplaying videos in posts

Author: wilfreddenton

assets/css/style.css

@@ -251,14 +251,18 @@ a.post-link:hover {
   color: black;
 }
 
+video {
+  max-width: 100%;
+}
+
 #title {
   font-style: italic;
   font-size: 1.6rem;
 }
 
 body > .container:first-child {
   padding-top: 3rem;
-  padding-bottom: 12rem;
+  padding-bottom: 24rem;
 }
 
 .content {
@@ -293,6 +297,7 @@ body > .container:first-child {
 }
 
 #monero code {
+  background-color: white;
   overflow-wrap: break-word;
   white-space: normal;
 }

assets/js/script.js

@@ -7,6 +7,15 @@ function main() {
 
   // math
   renderMathInElement(document.body)
+
+  // videos
+  document.querySelectorAll('video').forEach(v => {
+    v.addEventListener('pause', () => {
+      if (v.autoplay) {
+        v.play()
+      }
+    })
+  })
 }
 
 if (document.readyState === "loading") {