Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Video does not play #26

Open
andresud opened this issue Sep 10, 2020 · 1 comment
Open

Video does not play #26

andresud opened this issue Sep 10, 2020 · 1 comment

Comments

@andresud
Copy link

On the example I cannot hit the play button on the video frame...

Any advice to get it working?

@pateldhruv1993
Copy link

pateldhruv1993 commented Sep 16, 2020

Found a super hacky way to do this. I made an empty style tag in my html and a toggle button to my quill toolbar. The toolbar button toggles the "pointer-events" property of ".blot-formatter__proxy-image" class. This allows me to play the video. I can toggle it again it will allow me to resize the video.

Here is some of my code for explanation but to IMO a button that does this better in the toolbar would be much helpful feature

var customToggleResizeButton = document.querySelector('.ql-toggle-resize');
customToggleResizeButton.innerHTML = '<i class="fas fa-expand-arrows-alt style="height:16px; width:16px"></i>';

var dynamicStyleSheet = getStyleSheet("dynamicStyleSheet");
customToggleResizeButton.addEventListener('click', function(e) {
if(dynamicStyleSheet.cssRules.length == 0){
dynamicStyleSheet.insertRule(".blot-formatter__proxy-image{pointer-events: none !important;}",0);
} else{
dynamicStyleSheet.deleteRule(0);
}
});

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants