Question

我第一次使用popcorn.js并且我正在使用http://richpoints.com/b-path/。我有两个似乎有关的问题。我有一个六分钟的视频，展示了一条带有各种爆米花的自行车路线。沿途有趣。

我希望包含用户可以点击以反弹到路线的某些部分的按钮。我在文档中的某个地方找到了一些示例代码。

<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文件。

如何浏览此视频时间轴需要做什么？

Answer 1

看起来问题出在你的webm视频文件中，而不是脚本。这也不是你的web服务器的问题，因为字节服务似乎工作得很好。您可以直接从文件系统在浏览器中打开视频文件来测试。发生同样的问题，独立于任何网页或Javascript。

看起来你用libebml和libmatroska编码了这个文件。 WebM是Matroska的一个子集，因此VLC播放它很好，但浏览器无法搜索。尝试使用libvpx进行编码。

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

1 个答案: