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
Elements
  • Post comment
  • Funding Windows commented
    19 Jun 10:40

    I'm facing the same issue

    Attachments Open full size
  • Livio Fretz commented
    23 May 09:41

    I have the same issue... I dont know hot to fix it...

    Attachments Open full size
  • MERA MATHEWS commented
    16 Apr 17:12

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

    Attachments Open full size
  • Anthony commented
    15 Mar 09:45

    I agree with Peter Fanai. The issue still persist.

    Attachments Open full size
  • Peter Fanai commented
    07 Mar 11:47

    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.

    Attachments Open full size

Related ideas