static/js/autoplay: Set attributes

Some browsers only understand attributes

1 files changed, 6 insertions, 1 deletions

diff --git a/assets/js/index.js b/assets/js/index.js
index ef35f63..491cf59 100644
--- a/assets/js/index.js
+++ b/assets/js/index.js
@@ -607,14 +607,19 @@
         "DOMContentLoaded"
     ].forEach(function(event) {
         self.addEventListener(event, function() {
-            const videos = document.querySelectorAll("video");
             let first = true;
+            let videos = document.querySelectorAll("video");
             for(i = 0; i < videos.length; i++){
                 videos[i].autoplay = true;
                 videos[i].controls = true;
                 videos[i].loop = true;
                 videos[i].muted = true;
                 videos[i].playsinline = true;
+                videos[i].setAttribute("autoplay", true);
+                videos[i].setAttribute("controls", true);
+                videos[i].setAttribute("loop", true);
+                videos[i].setAttribute("muted", true);
+                videos[i].setAttribute("playsinline", true);
                 const onscreen = viewport(videos[i]);
                 if (first && onscreen) {
                     videos[i].play();