still testing ios mobile behavior of video element

stamat · Oct 26, 2023 · 66f7983 · 66f7983
1 parent c8c1410
commit 66f7983
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 11 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
@@ -106,10 +106,11 @@ VideoBackground.prototype.seekTo = function (seconds) {
 
 VideoBackground.prototype.injectPlayer = function () {
   this.player = document.createElement('video');
-  this.player.muted = this.params.muted;
-  this.player.autoplay = this.params.autoplay && (this.params['always-play'] || this.isIntersecting);
-  this.player.loop = this.params.loop;
-  this.player.playsinline = true;
+  this.player.toggleAttribute('playsinline', true);
+  this.player.toggleAttribute('loop', this.params.loop);
+  this.player.toggleAttribute('autoplay', this.params.autoplay && (this.params['always-play'] || this.isIntersecting));
+  this.player.toggleAttribute('muted', this.params.muted);
+
   if (this.params.volume !== 1 && !this.params.muted) this.setVolume(this.params.volume);
 
   this.player.setAttribute('id', this.uid)