-
I just went pro, loaded videos to my amazon s3/cloudfront, configured FV Player to connect to videos and they play great on the desktop, but when you load the page on a mobile device (tested on latest android) the player loads, the loading bar loads and the play bar shows the video playing but the screen is black. However if you click on the full screen buttun the video shows up and can be watched, however in full screen mode the play bar is not visible.
so jacked up. how can this be fixed?
-
-
Hello Shawn,
since you are our licensed user I was able to have a look at the issue on your site directly.
I found there is a CSS line like this in your theme:
video { opacity: 0 }That makes any HTML5 video element invisible. That code is in the part of your site
element in HTML comments which read: “just for video protection” and “just for iphones end”.Here a quick fix for the issue, just add this to your theme stylesheet or any custom CSS field of your theme:
.flowplayer video { opacity: 1 }Are you using a paid theme? In that case I recommend you contact your theme developer about this and ask them for a proper fix.
Or is it a template which you work on? Then let us know what is it you are trying to achieve. It looks like this could work well for iPhone, but for other devices it only causes trouble and we do not recommend it.
Thanks,
Martin
