Swipe not working with iframe slide. How fixed?

<div class="js-slider" data-items="1" data-dots="true" data-arrows="true" data-mobile-arrows="false"> <div class="video"> <div id="slide" class="video__wrapper"> <iframe class="video__iframe-vimeo" src="//player.vimeo.com/video/108117" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> </div>

                </div>
                <div class="video">
                    <div id="slide" class="video__wrapper">
                        <iframe class="video__iframe-vimeo" src="//player.vimeo.com/video/108117" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                    </div>
                </div>
               <div class="video">
                    <div id="slide" class="video__wrapper">
                        <iframe class="video__iframe-vimeo" src="//player.vimeo.com/video/108117" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                    </div>
                </div>
            </div>

[mattLummus]

For anyone coming across this, the transparent overlay worked for me and can be done via pure CSS. Just add this snippet that targets the element that contains your iframe:

.iframe-container-div::after { content: ""; background: transparent; width: 100%; height: 100%; min-height: 1px; position: absolute; top: 0; }

The only catch is that it will prevent other events from triggering inside the iframe by default

[mattLummus]

@bhar4t Its been a little while since I initially commented… But if I recall correctly, it probably won’t work 100% out-the-box since the overlay would receive any click events (this may vary by browser version). If you need to access controls inside of the iFrame you may have to get creative.

In our case, we had a custom “Play” button in the overlay and re-launched the iframe in a lightbox after a click event. (This relaunching was part of a library that was actually cloning the element rather than creating a duplicate)

So we only needed to handle click events on the slide to launch the lightbox (which would have the full controls) and then any swipe/drag/etc events would operate as normal on the slider.