Enable scrolling over Youtube or Video Element

Image that you want to have a full-screen hero video that the user can play and pause using controls. Simple enough idea, right? however, because Youtube is technically an iframe, you can't scroll over it when it's embedded. So, if your Youtube element is 100% width and 100% height or greater, the user can't scroll past it unless their cursor is over another element on the site, which is not optimal.

 

I've seen some sites (The Verge comes to mind) where this scroll issue isn't a problem on full-page videos. I'd love to see a similar fix on Webflow to enable easy, interactive video embeds.

  • Josh Jacobs
  • Nov 6 2018
  • Already exists
  • MERA MATHEWS commented
    16 Apr 05:12pm

    I'm currently having this issue, it's very frustrating :/

  • Anthony commented
    15 Mar 09:45am

    I agree with Peter Fanai. The issue still persist.

  • Peter Fanai commented
    7 Mar 11:47am

    Where does it "Already exist" please?
    The other scroll/video topics I found are different. This one is about the fact, that when I have a big video on the site, I can't scroll anymore when the mouse is over the video. This is an issue I need a solution to.

    If a topic already exist, a link would be great in general.