javascript - HTML5 Projekktor Video Player Works / Plays only once -
i need sort out matter banal 1 of ( beginner...)
so, trying use jquery datepicker projekktor launch video according particular date. (i have folder store daily timelapse videos....)
everything works ok far below script, i.e. calendar loads properly, , "picked date" starts correct video.
the point works once, i.e. when click on date, nothing happens unless refresh page , click again on same other date.
what did not understand?
thank in advance i'm struggling since 2 long evenings on this.
kind regards
daniel dubai uae
<script type="text/javascript"> $(function () { $("#datepicker").datepicker({ dateformat: "dd-mm-yy", inline: true, onselect: function (value, date) { var date = value; var camera = "dubai"; var prefix = date + "_" + camera; var video_mp4 = "./medias/videos/" + prefix + ".mp4"; var video_ogv = "./medias/videos/" + prefix + ".ogv"; var video_webm = "./medias/videos/" + prefix + ".webm"; var poster = "./medias/posters/" + prefix + ".jpg"; document.getelementbyid("daniel").innerhtml = video_mp4; projekktor('#player_a', { volume: 0.8, autoplay: true, playlist: [{ 0: { src: video_mp4, type: 'video/mp4' }, 1: { src: video_ogv, type: 'video/ogv' }, 2: { src: video_webm, type: 'video/webm' }, }] }); } }); }); </script>
try @ end of onselect function:
projekktor('player_a').setplayhead(0); projekktor('player_a').setplay();
Comments
Post a Comment