Please work

Author: Brunozhon

index.html

@@ -78,7 +78,7 @@ <h2>My Projects</h2>
               display = `<img src="${p.image}" width="100%">`
             } else {
               display = `<video autoplay muted loop width="100%">
-  <source src="${p.video}">
+  <source src="${p.video}" class="vid">
 </video>`
             }
             const layout = `<div class="grid-item card p-1 m-1">
@@ -94,6 +94,11 @@ <h5>${p.name}</h5>
           })
           msnry.layout()
           imagesLoaded('#projects-container', () => msnry.layout())
+          document.querySelectorAll('.vid').forEach(e => {
+            e.onloadeddata = () => {
+              msnry.layout()
+            }
+          })
         })
     </script>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>