-
We’re having issues with this plugin on playing it on mobile devices. It seems to work on desktop but not on mobile device.
Could you help us figure out what could be the possible reason?
We are currently using Version 6.2.6
Here’s the link to the website https://thinker.education/.
The plugin is used on the 4 thumbnails.
Thank you so much.
-
-
Hello tabs,
The most possible cause for this issue is the fact that your video is in MOV format, which is similar to MP4 (the most recognized standard in online video), but not all devices support it.
We always recommend re-encoding your videos to MP4 format, which is more HTML5 friendly. Read our guide Video Encoding for HTML 5, there are also some free software recommendations and samples.
Thanks,
Eduard
Thank you very much for your very fast reply.
I will try your suggestion on re-encoding the videos.
I know this should be another topic but I just would like to know how I can display the video title overlaying the thumbnail instead of what I did on this page: https://thinker.education/ with the 4 thumbnails videos. Right now, I just edited the thumbnail to include the title on them.
If you think this should be created in another discussion I will just create this new topic.
Thank you so much Eduard.
Hi Eduard,
I just tried using .mp4 videos for this sample page but it still didn’t play as it should.
Please check: https://thinker.education/flowplayer/
Thanks
Hello tabs,
If this didn’t work, then it might be related to some styling issue. I’ll check this with our CSS designer and let you know what could be done.
Thanks,
Eduard
Hello tabs,
We did some analysis of your issue and actually, the video can be played on mobile, but the area that can be tapped is very small and it’s hard to hit it.
It seems that you have some JavaScript which prevents the clicks/taps on the player. You did something to hide the play button (with the current icon being the part of the splash image) and the loading animation, so there is a chance this broke something else too.
If you are unaware of any JavaScript that could be causing this, you could try these troubleshooting steps:
- Switching to one of the default templates (for example Twenty Sixteen) and try it again on mobile
- Checking if it’s not caused by another plugin by turning them off one by one and testing
- Saving the HTML and then taking it apart until you can see which JavaScript is causing the issu. More info in this guide – Troubleshooting Javascript Errors
- You can also purchase a Pro Support Incident ticket and we’ll fix the issue on your website for you
Thanks,
Eduard
