BUG: Unable to use UI controls for the video component when
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
v125.0.6422.113 (Official Build) (64-bit)
Reproducible demo link
https://codesandbox.io/p/sandbox/eloquent-leaf-vd68cf?file=%2Findex.js%3A9%2C47
Describe the bug
How to reproduce the bug?
- Drag video compennt to the canvas.
- Select the video component and the compoennt settings/traits
- Select "Youtube" as Provider
- Paste the video ID of the youtube source
- Make sure the Controls trait is enabled
- Try to click play or adjust volume in the video component but it's not working
What is the expected behavior? Expected: When VIdeo "Controls" is enabled then users will be able to use the Video UI controls like "play" , "adjust volume" etc. ...
What is the current behavior? Please see the uploaded video. Thanks! ...
https://github.com/GrapesJS/grapesjs/assets/65213312/ef6a2191-d1d7-4c87-99bb-ceb4090b7018
### Code of Conduct
- [X] I agree to follow this project's Code of Conduct
Answers (1)
You can't interact with the iframe during the editing, otherwise, it won't be possible to select it from the canvas. You check the iframe interactions during the preview though.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #4739
BUG: css class name with '/' converted to '-'
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Edge Version 107.0.1418.52 (Official build)...
Issue #6641
BUG: Error when setting defaults of an extended model
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Version 141.0.7390.123 (Official Build) (6...
Issue #4323
BUG: Performance issue while dragging component to canvas when you have 2k component on canvas
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Google Chrome Version 101.0.4951.41 (Officia...
Issue #5297
BUG: getJS not working
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Version 115.0.5790.171 (Official Build) (64-...
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.