Making JW Player 5 responsive
Hi,
I am struggling to make a JW player 5 responsive so that it will display properly on our responsive website (right now it only displays at 150px high). I've tried some of the jQuery and CSS/HTML hacks and they haven't worked for me.
I don't know if the fact that I am trying to figure it out on a WordPress site is impacting my success (I'm adding the code to a raw .js module and using page-specific CSS).
Here's the code:
<script type="text/javascript" src="http://www.360north.org/jwplayer5.9/jwplayer.js"></script>
<video id="mediaplayer" width="100%" height="100%" src="http://state.ak.tvwmedia.net:1935/ktoo-live/_definst_/360north/playlist.m3u8" type="video/mp4"></video>
<script type="text/javascript">
// <![CDATA[
jwplayer('mediaplayer').setup({
'id': 'playerID',
'width': '540',
'height': '404',
'image': 'http://www.360north.org/wp-content/uploads/2014/04/VideoPlayerLarge1.jpg',
'modes': [{
type: "flash",
src: "http://www.360north.org/jwplayer5.9/player.swf",
config: {
file: "360north",
streamer: "rtmp://state.ak.tvwmedia.net/ktoo-live",
provider: "rtmp"
}
}, {
type: 'html5',
config: {
'file': 'http://state.ak.tvwmedia.net:1935/ktoo-live/_definst_/360north/playlist.m3u8',
'provider': 'video'
}
}]
});
// ]]>
</script>
