Hello Layteam and Laypeople 👋,
I working on a website where I have to put vimeo iframes using fullscreen slider on some pages (project).
Because it’s an iFrame and fullscreen, I can’t scroll down (it only works on Safari) to other slides and just have the « option » to click on it. That’s pretty annoying because .mp4 video is not an alternative here, those vids are way to big to be host on the server.
I have to use vimeo url’s so I tried something like that with css/js but it doesn’t seams to works, maybe I’m doing something wrong. If anyone have the solution it would be nice 🙏
Best wishes to all and thanks in advance.
<div class:"vimeoplayer" style="padding:56.25% 0 0 0;position:relative;"><iframe src="...autoplay=1&loop=1&color=ffffff&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
/* Vimeo Player scroll */
Ps : I also tried to use another plugin like HTML5 video player (Plyr), it kind of works but Laytheme seams to block something, I have the sound but a black screen instead of the video.