我正在使用带有简单播放列表的 Plyr 播放器。我有一个用于更改视频源的 j.code,但它仅适用于本机播放器,但不适用于 Plyr。使用 Plyr 发起控制台响应 TypeError: player.querySelector is not a function。整个框架可以在这里查看 - https://special.novinky.cz/pocasi/index.html和功能代码如下
document.querySelectorAll('.video-link').forEach(link => {
link.addEventListener('click', function() {
const videoUrl = link.dataset.videoLinkUrl;
player.source = videoUrl;
player.querySelector('source').setAttribute('src', videoUrl);
player.load();
player.play();
console.log('link.dataset.videoLinkUrl', link.dataset.videoLinkUrl);
});
});
播放器被放置在这个
<video poster="https://special.novinky.cz/pocasi/img/pocasi.jpg" id="player" playsinline controls>
<source src="https://special.novinky.cz/pocasi/video/cizinsky.mp4" type="video/mp4">
</video>
并由此引发
<script src="js/plyr.js"></script>
<script>const player = new Plyr('#player');</script>