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

Live stream is not resized correctly on mobile devices (iOS, Android) after closing fullscreen


When you open fullscreen and close it while live stream is playing, live stream is not correctly resized. It fills approx. 50% of player width and there are big black borders around stream picture. Aspect ratio is correct, but not dimensions.
Same problem is present while switching device orientation.
We have a same problem on Android and iOS, so with HTML5 player. JW Player version is 6.12.

7 Community Answers

dominik.fiser

Best Answer 

It is the video - live stream (I don't see this problem with VOD files, only with live streams). I have tested it on simple example page with plain JW Player and the same problem is there too. My test page contains only one style, but this one style breaks JW Player:(
video {
max-width: 100%;
}
After removing this style, it works well.

View in conversation

Andrew

JW Player Support Agent  
0 rated :

I’ve just tested this on Android 5.1 with our sample live stream here:
support.jwplayer.com/customer/portal/articles/1430218-using-hls-streaming

However, I’m not seeing the issue described. Is this at all related to our ticket here:
https://code.google.com/p/chromium/issues/detail?id=452695

dominik.fiser

User  
0 rated :

Could be, I know about problem in fullscreen mode. But we have a problem after closing fullscreen - live stream in player in page doesn't fill player area, but is small in the center of player. I don't see this problem on your example page. Our live stream is generated by wowza and problem is only with real live streams, if there is streaming video file, it's ok. It's problem to give you url for testing, because we don't have continuously playing live stream.

dominik.fiser

User  
0 rated :

I have screenshot from iPad (same was on Android 5, iOS 8 on iPhone): https://drive.google.com/file/d/0B-LusxZhnUGlRWxfUWJyNmZlWEk/view?usp=sharing (there is JW Player 6.12.4945 with custom skin)

Andrew

JW Player Support Agent  
0 rated :

Hi Dominik,

Is this issue happening to the actual poster image, or is this the video itself? If it is the video, it’s possible that a styling conflict may be happening. I have seen this happen to media elements conflicting with formatting and wordpress’ default themes.

dominik.fiser

Best Answer  User  
0 rated :

It is the video - live stream (I don't see this problem with VOD files, only with live streams). I have tested it on simple example page with plain JW Player and the same problem is there too. My test page contains only one style, but this one style breaks JW Player:(
video {
max-width: 100%;
}
After removing this style, it works well.

Andrew

JW Player Support Agent  
0 rated :

Hi Dominik,

Interesting. Thanks for the insight here. Is this working for you then?

dominik.fiser

User  
0 rated :

Yes, it works now.

This question has received the maximum number of answers.