Question

我在运行videojs('vid')时遇到使用video.js的问题。我的目标是创建一个video.js对象，以便我可以读取当前时间（myPlayer.currentTime）。

HTML：

<video id="vid" class="video-js" controls autoplay data-setup="{}">
    <source id="src1">
</video>

使用Javascript：

$(document).ready(function () {

    videojs('vid').ready(function () {
        var myPlayer = this;
        myPlayer.src({ type: 'video/mp4', src: '/uploads/365.mp4' });
    });
});

这给了我一个错误：

VIDEOJS：错误:(代码：4 MEDIA_ERR_SRC_NOT_SUPPORTED）无法加载媒体，原因是服务器或网络出现故障或者格式不受支持。

重要：设置src而不执行videojs('vid')时，相同的视频效果正常。就像运行videojs('vid')重置所有来源一样，无法通过Javascript设置src。

Answer 1

我通过将src: '/uploads/365.mp4'更改为完整的网址路径来自行解决问题：https://example.com/uploads/365.mp4。

Answer 2

您可以使用currentTime功能获取videojs中的currentTime()。

var output = document.querySelector('output');
var player = videojs('vid');

requestAnimationFrame(updateTime);

function updateTime() {
  output.innerText = player.currentTime();
  requestAnimationFrame(updateTime);
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/6.0.1/alt/video-js-cdn.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/6.0.1/video.min.js"></script>

<video id="vid" class="video-js" controls autoplay>
  <source src="https://www.w3schools.com/html/mov_bbb.mp4">
</video>

<output></output>

Video.js：设置视频src后出错

2 个答案: