display title on each video as they play
I am trying to get the title to display on each of the movies as they play and I cant get it to works. here is my code:
<script src="/download/jwplayer/jwplayer.js"></script><script>jwplayer.key="nRI5mjqJVB8hE4QKwj4Mvn1m9NFkCuj6tjXH5w==";</script>
<center>
<div id="my-video">
</div>
</center>
<div id="my-video">
</div>
<script type="text/javascript">
jwplayer("my-video").setup({
playlist: [{
image: "/images/wowza/piano_4.jpg",
title: "Going over 5 Lesson with piano teacher.",
description: "Alyssa's at her 6th piano lesson going over homework from 5 lesson.",
file: "http://70.167.119.119:1935/vod/smil:piano_4.smil/jwplayer.smil"
},{
image: "/images/wowza/piano_4.jpg",
title: "Going over 5 Lesson with piano teacher.",
description: "Alyssa's at her 6th piano lesson going over homework from 5 lesson.",
file: "http://70.167.119.119:1935/vod/smil:piano_4.smil/playlist.m3u8"
},{
image: "/images/wowza/piano_3.jpg",
title: "One month of piano, practicing at home.",
description: "Alyssa's practicing piano at home after one month, 4 lessons.",
file: "http://70.167.119.119:1935/vod/smil:piano_3.smil/jwplayer.smil"
},{
image: "/images/wowza/piano_3.jpg",
title: "One month of piano, practicing at home.",
description: "Alyssa's practicing piano at home after one month, 4 lessons.",
file: "http://70.167.119.119:1935/vod/smil:piano_3.smil/playlist.m3u8"
},{
image: "/images/wowza/piano_2.jpg",
title: "Alyssa's 2nd Piano Lesson",
description: "Alyssa's at third piano lesson going over second lesson.",
file: "http://70.167.119.119:1935/vod/smil:piano_2.smil/jwplayer.smil"
},{
image: "/images/wowza/piano_2.jpg",
title: "Alyssa's 2nd Piano Lesson",
description: "Alyssa's at third piano lesson going over second lesson.",
file: "http://70.167.119.119:1935/vod/smil:piano_2.smil/playlist.m3u8"
},{
image: "/images/wowza/piano_1.jpg",
title: "Alyssa's First Piano Lesson",
description: "Alyssa and mom practicing first piano lesson.",
file: "http://70.167.119.119:1935/vod/smil:piano_1.smil/jwplayer.smil"
},{
file: "http://70.167.119.119:1935/vod/smil:piano_1.smil/playlist.m3u8"
},{
image: "/images/wowza/kindergrad.jpg",
title: "Kindergarten Graduation",
description: "Alyssa's kindergarten graduation, her last day of kindergarten.",
file: "http://70.167.119.119:1935/vod/smil:kindergrad.smil/jwplayer.smil"
},{
file: "http://70.167.119.119:1935/vod/smil:kindergrad.smil/playlist.m3u8"
},{
image: "/images/wowza/recital.jpg",
title: "Orff Recital",
description: "Alyssa's first Orff recital.",
file: "http://70.167.119.119:1935/vod/smil:recital.smil/jwplayer.smil"
},{
file: "http://70.167.119.119:1935/vod/smil:recital.smil/playlist.m3u8"
},{
image: "/images/wowza/soccer.jpg",
title: "Soccer GU6",
description: "Spring Soccer 2016.",
file: "http://70.167.119.119:1935/vod/smil:soccer.smil/jwplayer.smil"
},{
file: "http://70.167.119.119:1935/vod/smil:soccer.smil/playlist.m3u8"
},{
image: "/images/wowza/japan_kinder_grad.jpg",
title: "Japanese Kinder Grad",
description: "Japanese school kindergarten graduation song 3.",
file: "http://70.167.119.119:1935/vod/smil:japan_kinder_grad.smil/jwplayer.smil"
},{
file: "http://70.167.119.119:1935/vod/smil:japan_kinder_grad.smil/playlist.m3u8"
},{
image: "/images/wowza/japan_kinder_grad_slide.jpg",
title: "Japanese Kinder Slideshow",
description: "Japanese school kindergarten graduation slideshow.",
file: "http://70.167.119.119:1935/vod/smil:japan_kinder_grad_slide.smil/jwplayer.smil"
},{
file: "http://70.167.119.119:1935/vod/smil:japan_kinder_grad_slide.smil/playlist.m3u8"
},{
image: "/images/wowza/Alyssabike1.jpg",
title: "First time without training wheels",
description: "Alyssa learns to ride without training wheels.",
file: "http://70.167.119.119:1935/vod/smil:alyssa_bike.smil/jwplayer.smil"
},{
file: "http://70.167.119.119:1935/vod/smil:alyssa_bike.smil/playlist.m3u8"
}],
width: "80%",
aspectratio: "16:9",
type: "mp4",
primary: "html5",
primary: "flash",
androidhls: "true",
controls: "true",
controlbar: "bottom",
displaytitle: "true",
skin: {
name: "bekle"
}
});
</script><div align="center">
<div align="center">
<table border="0" style="width: 70%;" width="100%">
<tbody>
<tr>
<td colspan="2" style="text-align: center;">
<img alt="" src="images/instr.png" /></td>
</tr>
<tr>
<td colspan="2">
</td>
</tr>
<tr>
<td colspan="2" style="width: 891px; text-align: center;">
<a href="https://get.adobe.com/flashplayer/" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no'); return false;"><img alt="" src="images/flash.png" /></a></td>
</tr>
</tbody>
</table>
</div>
</div>
<p>
</p>
