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

Incorrect Stretching in Mac Safari

Hello,

I have asked a question about this before, however the question was closed without ever being resolved for some reason.

The stretching of our low resolution videos doesn't work as intended on Mac Safari. It should be noted that it does work on Windows Safari, and it also works fine for higher resolution videos.

A visual example can be see here:
Windows Chrome (good): http://i.imgur.com/2UxO0eO.png
Mac Safari (bad): http://i.imgur.com/NrsepIp.png
As you can see, Mac Safari doesn't stretch the video, thus the lower part of the video (together with the left/right sides to a lesser degree) get cut out.

Playing around with the "stretching" property of the JwPlayer didn't seem to affect Mac Safari at all. I'd be glad to hear any about any tips/workarounds you can offer to us.


Online example: playsight.com/UserPages/ActivitiesPages/VideoMetaPages/DynamicMeta.aspx?SessionTypeMeta=Match&VideoTypeMeta=Overview&User1Meta=High_Performance_Coaches&User2Meta=Guest&svkey=16137118_1_75996


The following how we set up the video in the example:

jwplayer("myVideoPlayer").setup({
file: [LINK],
image: [LINK],
skin: "bekle",
sharing: { link: [LINK] },
logo: { file: [LINK],
link: null,
hide: true,
margin: 0
},
ga: {},
abouttext: "PlaySight",
aboutlink: [LINK],
width: 1280,
height: PlaySight_GetCurrWIndowInnerSize().height,
stretching: "uniform"
});


Regards,

5 Community Answers

Up Down

Andrew

JW Player Support Agent  
0 rated :

Hi,

Have you tried using a responsive player here? I’m curious if the PlaySight_GetCurrWIndowInnerSize().height could be causing the issue here. Otherwise, I’d also suggest trying out some different stretching options.
http://support.jwplayer.com/customer/portal/articles/1413113-configuration-options-reference#other

Up Down

evgeni.khazanov

User  
0 rated :

Hi Andrew,

We also have different examples in the website that all behave the same way, even when Height and Width are even fixed values.

I have also experimented with various stretching options and none affected the display in Mac Safari. Is it possible that it simply ignores the parameter?

Here's an example of a different video from the website that behaves the same way, this time with fixed dimensions:

jwplayer("myVideoPlayer").setup({
file: [LINK],
image: [LINK],
skin: "bekle",
sharing: {link: [LINK]},
logo: { file: [LINK],
link: null,
hide: true,
margin: 0},
ga: {},
abouttext: "PlaySight",
aboutlink: [LINK],
width: 945,
height: 542,
stretching: "uniform"
});


Sadly it's not possible to show a link for this video because it requires performing a user login to our website and to actually have a video recorded for your account.

Regards,

Up Down

Andrew

JW Player Support Agent  
0 rated :

Is it possible that some other styling might be at play here? When using the player with its default settings here, I’m not able to get the same issue to appear:
qa.jwplayer.com/~andrew/stretching.html

Are you seeing the same results on your end?

Up Down

evgeni.khazanov

User  
0 rated :

Hi Andrew,

I tested it and your example works fine on Mac Safari. However, I realized that I failed to stress that in our case it behaves incorrectly only for videos of lower resolution.

When we run videos of 16:9 (720x1280) resolution then it works fine with the setups I posted here. Yet, with the same setups, videos of 4:3 (960x1280) resolution aren't stretched properly on Mac Safari.

Regards,

Up Down

Andrew

JW Player Support Agent  
0 rated :

Hi,

Do you have a short 4:3 video that we can use here? Your examples seem to be all in 16:9.

This question has received the maximum number of answers.