my list bar not showing
here my code
<div id="pl">Loading the player...</div>
<script type="text/javascript">jwplayer.key="mykey";</script>
<script type="text/javascript">
var playerInstance = jwplayer("pl");
playerInstance.setup({
skin: {
name: "seven",
active: "red",
inactive: "white",
background: "black"
},
captions: {
color: '#FFFFFF',
fontSize: 20,
backgroundOpacity: 20
},
playlist: [{
sources : [
{ file: "vid1-HD.mp4",
type: "mp4",
label: "720p HD",
"default": "true"},
{ file: "vid2-SD",
type: "mp4",
label: "360p SD"},
],
image: 'pic.png',
title: 'ep1',
tracks: [{
file: "subtitle.srt",
label: "English",
kind: "captions",
"default": true
}]
},{
sources : [
{ file: "vid2-HD.mp4",
type: "mp4",
label: "720p HD",
"default": "true"},
{ file: "vid2-SD.mp4",
type: "mp4",
label: "360p SD"},
],
image: 'mypic.png',
title: 'ep2',
tracks: [{
file: "subtitle.srt",
label: "English",
kind: "captions",
"default": true
}]
},{
sources : [
{ file: "vid3-HD.mp4",
type: "mp4",
label: "720p SD",H
"default": "true"},
{ file: "vid3-SD",
type: "mp4",
label: "360p SD"},
],
image: 'mypic.png',
title: 'ep3',
tracks: [{
file: "subtitle.srt",
label: "English",
kind: "captions",
"default": true
}]
}],
width: '100%',
height: '500',
listbar: {
layout: 'basic',
position: "bottom",
size: '200'
}
});
</script>
how to fix it?
