Daniel R Woodward

Daniel R Woodward

Daniel R Woodward

JW Player Responsive Internet Explorer / Firefox Fix

May 23, 2013, by Daniel R Woodward, category Tech

[SmallAd]
JW Player is great – we use it for live streaming at Daystar because its low memory usage and ability to utilize HLS inside of the flash environment – but for some reason, it is a little goofy when it comes to being responsive.

After fighting this for a while and having a really wonky looking player, I stumbled on some code and modified it into what you see below – the top bit is truncated so the codebox wouldn’t get wonky on mobile (got to love responsive design quirks).

<style
media="screen" 
type="text/css">
      html, body {
        margin:0px;
        padding:0px;
        height: 100%;
        width: 100%;
        overflow: hidden;
      }
</style>

Hopefully this solves some headaches. An example of this code can be found on the Daystar Television Live Stream Page – please note that we iframe the code so we can control the sizing inside of our wordpress theme.

Thoughts?