HTML5项目视频播放器只工作/播放一次

Question

我需要你们的帮助来解决一个问题，这对你们大多数人来说很可能是一个平庸的问题(我是一个初学者...)

因此，我正在尝试结合使用jquery datepicker和projekktor来根据特定的日期推出一个视频。(我有一个文件夹，用来存储每天的时间流逝视频...)

到目前为止，使用下面的脚本一切正常，即日历加载正常，"picked“开始正确的视频。

关键是它只工作一次，即当我点击另一个日期时，没有任何反应，除非我刷新页面并再次点击相同的另一个日期。

我有什么不明白的吗？

提前感谢你的帮助，因为我现在正在努力，因为这两个漫长的夜晚。

亲切的问候

来自阿联酋迪拜的丹尼尔

<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>

Answer 1

在您的onSelect函数的末尾尝试这样做：

projekktor('player_a').setPlayhead(0);
projekktor('player_a').setPlay();