still testing on Safari 11.1

stamat · Nov 13, 2023 · 742aeb0 · 742aeb0
1 parent c24f8a9
commit 742aeb0
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 21 deletions.
diff --git a/jquery.youtube-background.js b/jquery.youtube-background.js
diff --git a/jquery.youtube-background.js.map b/jquery.youtube-background.js.map
diff --git a/jquery.youtube-background.min.js b/jquery.youtube-background.min.js
diff --git a/src/lib/video-background.js b/src/lib/video-background.js
@@ -35,7 +35,7 @@ export class VideoBackground extends SuperVideoBackground {
     const playerElement = document.createElement('video');
     playerElement.setAttribute('playsinline', '');
     if (this.params.loop) playerElement.setAttribute('loop', '');
-
+    console.log(this.type, this.params.autoplay, this.params['always-play'], this.isIntersecting, this.params.autoplay && (this.params['always-play'] || this.isIntersecting))
     if (this.params.autoplay && (this.params['always-play'] || this.isIntersecting)) playerElement.setAttribute('autoplay', '');
     if (this.muted) playerElement.setAttribute('muted', '');
     if (this.params['lazyloading']) playerElement.setAttribute('loading', 'lazy');

diff --git a/src/video-backgrounds.js b/src/video-backgrounds.js
@@ -73,8 +73,10 @@ export class VideoBackgrounds {
     if (!element) return;
     if (element.hasAttribute('data-vbg-uid')) return;
 
-    if (!params) params = {};
-    if (!this.intersectionObserver) params['always-play'] = true;
+    if (!this.intersectionObserver) {
+      if (!params) params = {};
+      params['always-play'] = true;
+    }
 
     const link = element.getAttribute('data-youtube') || element.getAttribute('data-vbg');
     const vid_data = this.getVidID(link);
@@ -106,12 +108,6 @@ export class VideoBackgrounds {
 
     if (!this.index[uid].params['always-play'] && this.intersectionObserver) {
       this.intersectionObserver.observe(element);
-    } else {
-      this.index[uid].isIntersecting = true;
-
-      element.addEventListener('youtube-background-ready', () => {
-        if (this.index[uid].player && this.index[uid].params.autoplay) this.index[uid].softPlay();
-      }, { once: true });
     }
   }