Loading New Playlist.
I am trying to load videos through image ahref links much like this tutorial page. https://support.jwplayer.com/customer/portal/articles/1439570-example-loading-new-playlists
My code is working for the videos, but the VTT track associated with the video is not changing, and the subtitles for the default video are showing for each video. Here is my HTML body-
---------------------------------------------------------------------------------------------------------
<body>
<div id="mediaPage">
<div id="loadVideo">
</div>
</div>
<script type="text/javascript">
var playerInstance = jwplayer('loadVideo');
playerInstance.setup({
//flashplayer: "/includes/scripts/jwplayer/player.swf",
file: 'http://flashvideo.wsu.edu/global/onlineWeb_AlexDiGiacomo.mp4',
tracks: [{ file: "/includes/VTT/onlineWeb_AlexDiGiacomo.vtt", label: "English", kind: "captions", "default": true }],
height: 360,
width: 640,
dock: "true",
icons: false,
controlbar: 'over',
screencolor: '#ffffff',
'controlbar.idlehide': "true"
});
function playTrailer(video, track) {
playerInstance.load([{
file: video,
tracks: [{ file: track, label: "English", kind: "captions", "default": true }]
}]);
playerInstance.play();
}
</script>
<div id="mediaMenu">
<a href="javascript:playTrailer('http://flashvideo.wsu.edu/global/onlineWeb_AlexDiGiacomo.mp4','/includes/VTT/onlineWeb_AlexDiGiacomo.vtt')"><img src="/images/thumbnails/digiacomo.jpg" /></a>
<a href="javascript:playTrailer('http://flashvideo.wsu.edu/global/onlineWeb_AngelicaFraustco.mp4', '/includes/VTT/onlineWeb_AngelicaFraustco.vtt')"><img src="/images/thumbnails/frausto.jpg" /></a>
<a href="javascript:playTrailer('http://flashvideo.wsu.edu/global/onlineWeb_RuthHagwood.mp4', '/includes/VTT/onlineWeb_RuthHagwood.vtt')"><img src="/images/thumbnails/Hagwood.jpg" /></a>
<a href="javascript:playTrailer('http://flashvideo.wsu.edu/global/onlineWeb_ChristineLynch.mp4', '/includes/VTT/onlineWeb_ChristineLynch.vtt')"><img src="/images/thumbnails/kristinelynch.jpg" /></a>
<a href="javascript:playTrailer('http://flashvideo.wsu.edu/global/onlineWeb_SaraSironen.mp4', '/includes/VTT/onlineWeb_SaraSironen.vtt')"><img src="/images/thumbnails/sara.jpg" /></a>
<br class="clear" />
</div>
</body>
-----------------------------------------------------------------------------------
Any ideas on why this is happening? I can't find any documentation on this specific problem. Thanks in advance!
