Javascript 无法使用视频光标扫描视频或使用爆米花设置currentTime

Javascript 无法使用视频光标扫描视频或使用爆米花设置currentTime,javascript,video,html5-video,webm,popcornjs,Javascript,Video,Html5 Video,Webm,Popcornjs,我是第一次使用它,而且我对它很感兴趣。我有两个问题似乎是相关的。我有一个六分钟的视频展示了一条自行车路线,沿途有各种各样的爆米花.js乐趣 我想包括一些按钮,用户可以点击这些按钮跳转到路线的某些部分。我在文档中的某个地方发现了一些类似这样的示例代码 <button onclick="monroeTime()" type="button">Go to Monroe</button> <script> myVid = document.getElement

我是第一次使用它,而且我对它很感兴趣。我有两个问题似乎是相关的。我有一个六分钟的视频展示了一条自行车路线,沿途有各种各样的爆米花.js乐趣

我想包括一些按钮,用户可以点击这些按钮跳转到路线的某些部分。我在文档中的某个地方发现了一些类似这样的示例代码

<button onclick="monroeTime()" type="button">Go to Monroe</button>
<script>
    myVid = document.getElementById("skunk-creek");

    function getCurTime() {
        alert(myVid.currentTime);
    }

    function monroeTime() {
        myVid.currentTime = 150;
    }
</script>
问题是我能跳到不超过150秒。如果我将该变量更改为151或更高,它将不起作用,但我的视频长度为365秒

与此相关的是,我无法抓取视频时间线光标并更改时间。当我这样做时,视频冻结,页面需要刷新

这是我正在处理的页面。注意,目前仅为Chrome设置。我还没有创建MP4文件,因为我的视频编辑软件没有创建MP4


我需要做什么才能浏览此视频时间线?

问题似乎出在您的webm视频文件上,而不是脚本上。您的web服务器也没有问题,因为字节服务似乎工作得很好。您可以通过直接从文件系统在浏览器中打开视频文件本身来测试这一点。同样的问题也会发生,与任何网页或Javascript无关

看起来您使用libebml和libmatroska对文件进行了编码。WebM是Matroska的一个子集,因此VLC可以很好地使用它,但浏览器无法搜索。尝试使用libvpx编码