-
Posts
-
Hello,
I’m trying to setup a fullscreen video slide, which works great on desktop computers.
Unfortunately, even after setting up a fallback image, when I try to launch the video on mobile devices (ipad, iphone) by touching the image, the video doesn’t start to play.
Am I doing something wrong?
Thanks a lot!Hey maxgorelkine,
You might want to remove the fallback image and see if the video is there. It might be hidden via css.
Best regards,
VictoriaHello,
I’ve tried that. When I remove the fallback image, there is no video and the following message on ipad and iphone :
Please set a mobile device fallback image for this video in your wordpress backend.Hi,
I might be misunderstanding you here but the fallback image is just an image, it’s not a link to the video so the behaviour you are describing is correct. If you want a video element that is controlled by the user then you will have to use the Video element. If you only want to show it on mobile you can use a Color Section element and select to only show it on mobile in the element settings.
Best regards,
RikardOh, so it’s not supposed to launch the video when clicked? I had the idea it was the way it was supposed to work based on this discussion on your forum :
https://kriesi.at/support/topic/video-slideshow-on-mobile/There the moderator wrote :
“Kriesi now added a “fallback” image option to Enfold 2.6 (we’ll release the update next week) which shows a fallback image instead of the video. If the user clicks on the fallback image the video starts to play.”So it wasn’t accurate after all?
You are saying that if I want to have a video slideshow on desktop, and the same video showing on mobile, I have to create 2 video blocks (one video slideshow, and one simple video), and hide one on desktop, and the other on mobile using css? It means that the video will be loaded twice? Won’t it affect the overall loading time of the page, especially on mobile?
Thanks for your help!
I’ve tried the solution proposed (hidding the video sections based on devices) and I’ve encountered another problem:
The scroll down arrow of the video slider above doesn’t work properly, since it’s pointing to the #next-section which is the second video block hidden via css.
Do you have a solution to point to the proper #section under the video slider which is not hidden instead?Hi,
It looks like you fixed the issue by moving the video element above the color section. Is that correct?
Best regards,
IsmaelHi,
Well I didn’t really fix the issue, because now I have the same problem but with the color section within which I put the video element. I can’t use the scroll down arrow function there…
So I hid it for now there, since it’s not as essential on mobile, but I still would like to know if there is a way to make it work on both type of devices… (seems to me that the most “simple”, or at least efficient, solution would be to make the fallback image clickable on mobile devices so it would launch the video).
Thanks a lot!Since I’m here, there is another issue concerning the scroll down arrow functionnality on ipads.
It seems that on tablets, the fixed header is not taken into account when calculating the point where it should stop when clicking on the scroll down arrow. The result is that the scrolling goes a little bit to far, which often means that the next section title is hidden by the header…
I don’t know if you see what I mean?
On desktop, the scrolling works perfectly with or without sticky header, but on ipad it doesn’t… are you familiar with this issue?
Thanks again!Hi maxgorelkine,
This might be a solution for you
If you need further assistance please let us know.
Best regards,
Victoria
- You must be logged in to reply to this topic.