quill-blot-formatter
quill-blot-formatter copied to clipboard
Video does not play
On the example I cannot hit the play button on the video frame...
Any advice to get it working?
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);
}
});