Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

Videos are small on IOS devices


Hello,

i have embedded the JWPLayer into Joomla with Jomsocial. The player is working good on desktops and Android devices. But when i open the video on my iPhone or iPad the video screen is very small.

see here:
https://imagizer.imageshack.us/v2/772x471q90/743/p5i1j6.jpg

i tried to make a simple test file with a video, then the size is correct on IOS. But i don't get is working in Joomla/Jomsocial. What can i do to make this working on IOS devices?

thank you.

8 Community Answers

Andrew

JW Player Support Agent  
0 rated :

There’s likely an issue with CSS styling here. If you can provide a link to where this is set up, I’d be happy to take a look.

k.tsang

User  
0 rated :

this is the url

http://dev.rpmking.com/all-videos/396-super-user/video/52-bmw-test

Andrew

JW Player Support Agent  
0 rated :

Hi,

I can’t seem to see the issue here. Can you possible provide a screenshot of what you’re seeing on your end?

k.tsang

User  
0 rated :

https://imagizer.imageshack.us/v2/772x471q90/743/p5i1j6.jpg

this is what i see on my iPad. On a android device or desktop IE, chrome, Firefox etc is ok.

k.tsang

User  
0 rated :

the thumbnail is ok, you need to start the video, then you see the video size is small on a IOS device

Andrew

JW Player Support Agent  
0 rated :

In that case, there is almost definitely a CSS clash going on here. If this is wordpress, you should be on the lookout for anything that affects media styling.

k.tsang

User  
0 rated :

No i use Joomla, and i tried to disable video related modules, but no luck. I also tried in CSS to find the problem, but i can't find it. What kind of options do i have now?

Andrew

JW Player Support Agent  
0 rated :

If possible, can you debug this via safari on mac? Finding the video element and seeing any sort of CSS that is influencing the size should pinpoint exactly where the problem lies.

This question has received the maximum number of answers.