javascript - 前进和后退功能不适用于 html 5 视频标签中的长视频

标签 javascript html video-streaming html5-video video-processing

我正在使用 Html 视频标签。我添加了来自 azure blob 的视频网址。当我单击播放时,它开始播放,但是当我想要向前和向后播放视频时,它不会在我想要开始播放的位置进行。它仍然处于当前位置。所以我想在视频未准备好播放时(与 YouTube 一样),当我单击“前进”时显示正在加载。这是我的代码:

<video id="video" class="family-post-img" controls="controls"
   <source src="@Model.FileURL" type="video/mp4">
</video>

如果视频尚未准备好播放,我希望在直接单击前进和后退时将视频缓冲显示为 YouTube。

谢谢

最佳答案

当用户搜索视频时,会触发两个事件...

  1. onseeking 在寻找时触发

  2. oneeked 在完成搜索时触发。

因此,您需要监视这些事件并采取适当的操作,就像这样......

 <video src="movie.mp4" type="video/mp4" onseeking="CallAction1();" onseeked="CallAction2();" controls></video>

关于javascript - 前进和后退功能不适用于 html 5 视频标签中的长视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55418947/

相关文章:

javascript - 在 Javascript 循环中创建嵌套数组

一系列 null/未定义检查的 Javascript 最佳实践

html - 仅使用 css 的 onclick 事件

javascript - 使用 JavaScript 从通过 USB 端口连接到笔记本电脑的多个摄像头捕获视频

javascript - 从自定义字符串中提取十六进制代码数据

javascript - 在 jQuery 插件的选项部分访问调用者元素的属性

javascript - 键盘可访问的下拉菜单

html - 可能对此进行简单的 CSS 解析

udp - WebRTC 尽可能低的延迟

video-streaming - 在 jw 播放器中使用动态 smil 文件