Hi! I just put a video on my site using #videoPlayer but then I noticed that whenever I hovered my cursor over the video, the layout showed. I could easily hide the controls on the overlay, but the opacity of the video still changed on hover.
I opened the DevTools of my browser and went to my site, and this is what changes when you hover your mouse over the video:
Without hovering:
<div class="screen__screen___3BN2N screen__regularMode___1Bv69 screen__verticalStripes___1tr7O screen__hiddenCursor___3-TwW" data-playable-hook="screen-block" data-playable-component=""> <canvas class="screen__backgroundCanvas___1PHZh" data-playable-hook="background-canvas" width="480" height="270"></canvas><video preload="none" playsinline="true" src="https://video.wixstatic.com/video/80c05f_e2c524db1f264178a8558c92dbf76fb0/1080p/mp4/file.mp4"></video></div>
With hovering:
<div class="screen__screen___3BN2N screen__regularMode___1Bv69 screen__verticalStripes___1tr7O" data-playable-hook="screen-block" data-playable-component=""> <canvas class="screen__backgroundCanvas___1PHZh" data-playable-hook="background-canvas" width="480" height="270"></canvas><video preload="none" playsinline="true" src="https://video.wixstatic.com/video/80c05f_e2c524db1f264178a8558c92dbf76fb0/1080p/mp4/file.mp4"></video></div>
How can I fix this? Thanks in advance.