视频 HTML5 中的自定义擦洗栏，设置 currentTime 不起作用答案

【问题标题】：Custom scrub bar in video HTML5, set currentTime not working视频 HTML5 中的自定义擦洗栏，设置 currentTime 不起作用
【发布时间】：2019-07-15 08:44:21
【问题描述】：

我正在 HTML 视频播放器中制作自定义的拖拽栏。我正在创建一个 HTML5 视频播放器并从视频中获取 currentTime，它运行良好，但在移动擦洗栏后设置 currentTime 不起作用。

首先，我想写我已经尝试了几种可能性来解决这个问题。我禁用了视频和其他内容的自动播放，可以是什么。

但是，有一件事让我感到困惑。我不能有一个直接指向视频的 URL，我有一个指向服务器上 JSP 代码的 URL，这个代码返回给我这个文件。它可能有什么问题？因为，如果我下载了这个电影文件并将 URL 设置为直接指向这个电影文件 - 扩展名为 .mp4 - 一切都开始正常工作。

也许是它的问题我不能有电影文件的直接网址？

我没有任何想法来解决这个问题。我指望你的帮助

【问题讨论】：

您能否在您的问题中添加一些最小的代码示例？
这是我正在使用的示例代码。我不能发布视频。这是我公司的隐私政策。 codepen.io/proper93/pen/yZMQLB
视频是否存储为 .mp4 视频文件格式？
试试这个stackoverflow.com/questions/16834173/…

标签： javascript html video video-player

【解决方案1】：

如果视频存储为 .mp4 或 .ogg 或 .webm 视频文件格式，它会播放。这是您的 html 的外观。

    <video controls preload="metadata">
        <source src="http://www.example.com/waterfall-video.mp4" type="video/mp4"/>
        <source src="http://www.example.com/waterfall-video.ogg" type="video/ogg">
        Video not supported.
    </video>

【讨论】：

抱歉，您的解决方案不起作用。我没有像你这样的网址，以文件扩展名结尾。我的电影文件 URL 是这样的：camera.system.example.url/file.cam?id=22496966&camid=16741，我认为这是一个问题，但我不确定。
但是，如果我从这个 url 下载一个文件电影并在同一个 JS 代码中放入这个文件的 url，一切都很好。
我无法为您提供电影的真实网址。隐私政策，你知道的。