
Closed Captions button not functional
I am trying to use VTT closed Captions for a sample video.
I am using a hosted player with the video and VTT file hosted on another server.
After some tweaking I am able to get the video to display and play with the closed caption code added however, the cc button appears in the player but is greyed out (not clickable). I tried the using the index.VTT file named the same as the video file (index.mp4) then changed it to "caption.VTT" with the same results.
Here is the HTML code for player page:
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Closed Captions Test</title>
<script src="################ulpA.js"></script>
</head>
<body>
<div id='################ZlEMy'></div>
<script type='text/javascript'>
jwplayer('############ZlEMy').setup({
playlist:[{
file: 'https://#####################public/index.mp4',
image: '//www.longtailvideo.com/content/images/jw-player/lWMJeVvV-876.jpg',
title: 'Tech Mom',
width: '100%',
aspectratio: '16:9',
tracks: [{
file:'https://###########################/public/caption.vtt',
label: 'English',
kind: 'captions',
'default': true
}]
}]
});
</script>
</body>
</html>