BUG: Error autoplay youtube
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
Chrome 119.0.6045.200 64 bits
Reproducible demo link
https://grapesjs.com/demo.html
Describe the bug
How to reproduce the bug?
- Drag and drop a video block into the canvas
- Click on the video and select YouTube as the Provider.
- Add any video ID, for instance, lDK9QqIzhwk, and check the Autoplay option.
- Click on the view code button and look for the iframe generated. The URL is something like:
https://www.youtube.com/embed/lDK9QqIzhwk?&autoplay=1&muted=1.
What is the expected behavior? The expected behavior is to autoplay the video with the generated HTML.
What is the current behavior?
The video is not being played automatically with the sound muted with the generated HTML.
I created an empty HTML and put this iframe tag in it and when I changed from muted=1 to mute=1 it worked. Maybe YouTube changed this query parameter recently? I don't know.
I would like to know if anyone knows something about it and if I should make a PR changing the query param from muted to mute to fix this.
Thank you
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (1)
Looks like the muted property was correct for Vimeo but not for Youtube. I'll push the fix, thanks.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #5268
BUG: autoplay for youtube or vimeo doesn't work
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v115 Reproducible demo link https:/...
Issue #4732
BUG: Tabs behaviour after HTML import
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 107 (MacOS) Reproducible demo link...
Issue #4094
BUG: When drag and drop block into editor in Chrome, not able to drag and drop block
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 97.0.4692.71 (Official Build) (64-...
Issue #4506
BUG: Error on drag block with dragmode: absolute
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v103 Reproducible demo link https:/...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.