Video cleanup

app/templates/posts/show.html.slim

@@ -22,7 +22,7 @@ article class="h-entry"
         a class="dark:text-gray-400" href="/places" places
       - if post.photos? || post.videos?
         a class="dark:text-gray-400" href="/photos" photos
-    article class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200 prose-a:text-blue-600 prose-a:no-underline hover:prose-a:underline prose-img:rounded"
+    article class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200 prose-a:text-blue-600 prose-a:no-underline hover:prose-a:underline prose-img:rounded prose-video:rounded"
       div class="e-content"
         == post.content
 

public/assets/index.js

@@ -26,6 +26,15 @@
             }
         });
 
+        const videos = document.querySelectorAll('video');
+        videos.forEach((video) => {
+            video.addEventListener("click", () => {
+              const isPaused = video.paused;
+              video[isPaused ? "play" : "pause"]();
+              video.classList.toggle("u-none", !isPaused);
+            });
+        });
+
         const mapContainer = document.getElementById("map");
         const goBack = document.getElementById("go-back");
         if (mapContainer !== null) {