微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

HTML5 Chrome 搜索不可能

如何解决HTML5 Chrome 搜索不可能

我已经尝试让它工作几个小时了。 基本上,我的小网站运行了多个本地保存的视频(最多 20MB)。那些使用 HandBrake 编码为 H.264 MP4 并经过网络优化(这意味着它在播放前不会完全下载,这正是我想要的)。

现在,虽然它在 MS Edge、Firefox、IE 等中完美运行。但似乎只有 Chrome 不希望用户能够快进或快退视频。当点击搜索栏到一个特定的时间戳时,它会跳回到你之前的位置。 当使用非网络优化文件时,您可以使用搜索栏,但它会先下载这些文件(不是我想要的)。

我尝试将 preload="auto" 和 preload="Metadata" 与非网络优化的 MP4 一起使用,但是直到您实际播放视频的加载时间比我想要的要长得多。

  <video src="videos/NAME.mp4" preload="Metadata" width="305" controls poster="images/IMAGE.png">

所以基本上:视频应该是可播放的,一旦它缓冲了几秒钟并且搜索栏必须工作。有谁知道一个简单的解决方案?我在这里只使用基本的 CSS、HTML5 和 JS。

编辑:发现“网络优化”的东西也被称为“快速启动”,它用于流媒体。如果您不知道 HandBrake,请注意一点...

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。