Question

我需要你的帮助来解决一个对你们大多数人来说很平庸的问题（我是初学者......）

所以，我正在尝试使用jquery datepicker和projekktor根据特定日期发布视频。（我有一个文件夹，我存储每日间隔拍摄视频....）

到目前为止，下面的脚本一切正常，即日历正确加载，“选择日期”启动正确的视频。

关键是它只能工作一次，即当我点击另一个日期时，除非我刷新页面并再次点击同一个其他日期，否则什么都不会发生。

我不明白什么？

提前感谢您的帮助，因为我在这两个漫长的夜晚之后一直在努力。

亲切的问候

来自迪拜阿联酋的丹尼尔

<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();

HTML5 Projekktor视频播放器只能播放一次

1 个答案: