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

Microsoft Edge Scaling Issue w/JW 7.4.3

Hi,

We're seeing scaling issues with MBR HLS streams in Edge. The player correctly switches to higher bitrate renditions - confirmed via network analysis and watermarking the video with it's frame size - but within a 360p frame even HD content ends up looking like it's 240p or worse. It seems like the frame size of the initially loaded rendition might get stuck somewhere. Briefly going full screen and back or pressing pause then play again fixes the issue.

This seems specific to JW Player, loading the HLS playlist via a native video tag works as expected.

I'm able to reproduce via the stream tester:

http://demo.jwplayer.com/stream-tester/

For which Apple's test streams are good candidates:

https://devimages.apple.com.edgekey.net/streaming/examples/bipbop_16x9/bipbop_16x9_variant.m3u8

Thx.

5 Community Answers

Up Down

Alex

JW Player Support Agent  
1 rated :

Hi there,

I’m able to reproduce this behavior, but it’s quite odd because, in Edge, we embed HLS streams in <video> tags so the behavior should be exactly the same. This is the first time I’ve seen different behavior with HLS in Edge. I’ll have to look more into this and I will let you know what I find.

Up Down

Daniel Kerr

User  
0 rated :

Thanks Alex.

Seems to be an issue with the inline CSS that gets applied to that video tag (below). It seems like these parameters are applied at startup based on the first level in an MBR M3U8 but do not update when the level and associated frame sizes switch.

<video class="jw-video jw-reset" style="margin: 0px; left: 50%; top: 50%; width: 416px; height: 234px; transform: translate(-209px, -118px) scale(1.54);" src="https://devimages.apple.com.edgekey.net/streaming/examples/bipbop_16x9/bipbop_16x9_variant.m3u8" x-webkit-airplay="allow" webkit-playsinline="" jw-loaded="data" jw-played=""></video>

Up Down

Alex

JW Player Support Agent  
0 rated :

Hi Daniel,

Our Engineers are filing a big with the Edge team for this. It appears to be how Edge is scaling content with the transform: scale() CSS rule. The content scales fine in every other browser except for Edge.

Please let me know if you need any more help or have any other questions.

Thank you!

Up Down

Daniel Kerr

User  
0 rated :

Hi Alex,

I don't see that transform:translate/scale CSS used in any other browsers I have tested.

What I do see is that Edge sets the width/height and scale factor based on the first level in the m3u8 and that it doesn't adjust that when the player switches to larger frame sizes. So 1280x720 HD content is passed thru a 416x234 resizer and then scaled back up.

If I try with playlists that don't have those lower levels, the correct width/height/scale is applied and the content looks fine.

Thx.

Up Down

Alex

JW Player Support Agent  
0 rated :

Daniel,

Our player renders content different in different browsers. If you open this page in Edge, you will see the issue is with Edge’s native media browser when sizing content up.

This question has received the maximum number of answers.