空源Video.js

Question

我是否可以在不设置视频标签源的情况下放置video.js？启动时，Video.js在没有源的情况下失败。

我希望将video.js放在没有源代码的位置，并在以后从js中设置源。

同样的问题，但没有人回答。VideoJS, without source?

Answer 1

在视频元素上使用preload="none"

<video id="my_video" controls preload="none" class="video-js vjs-default-skin" data-setup="{}" />

然后用API加载

videojs("my_video").src([
  { type: "video/mp4", src: "http://vjs.zencdn.net/v/oceans.mp4" },
  { type: "video/webm", src: "http://vjs.zencdn.net/v/oceans.webm" }
]);

Answer 2

在我的例子中，当用户打开模式时，我必须设置视频src。

唯一对我有效的是下面的代码。

<video controls preload="none" data-setup="{}">
  <source src=".mp4" type="video/mp4" />
</video>

<script>
$($modal).on("show.bs.modal", () => {
  videojs($video).src("/videourl.mp4");
});
</script>