Fixes bug with broken autoplay from video component. Closes #5268; (#…

…5270)
GrapesJS · Aug 2, 2023 · 68fa1dc · 68fa1dc
1 parent 0345dcb
commit 68fa1dc
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/dom_components/model/ComponentVideo.ts b/src/dom_components/model/ComponentVideo.ts
@@ -317,7 +317,7 @@ export default class ComponentVideo extends ComponentImage {
     const list = this.get('list');
     url += id + (id.indexOf('?') < 0 ? '?' : '');
     url += list ? `&list=${list}` : '';
-    url += this.get('autoplay') ? '&autoplay=1' : '';
+    url += this.get('autoplay') ? '&autoplay=1&muted=1' : '';
     url += !this.get('controls') ? '&controls=0&showinfo=0' : '';
     // Loop works only with playlist enabled
     // https://stackoverflow.com/questions/25779966/youtube-iframe-loop-doesnt-work
@@ -346,7 +346,7 @@ export default class ComponentVideo extends ComponentImage {
   getVimeoSrc() {
     let url = this.get('viUrl') as string;
     url += this.get('videoId') + '?';
-    url += this.get('autoplay') ? '&autoplay=1' : '';
+    url += this.get('autoplay') ? '&autoplay=1&muted=1' : '';
     url += this.get('loop') ? '&loop=1' : '';
     url += !this.get('controls') ? '&title=0&portrait=0&badge=0' : '';
     url += this.get('color') ? '&color=' + this.get('color') : '';