javascript - 将 video.js 与 vue.js 集成

Question

我应该在与 vue.js 集成的 video.js 播放器中渲染 YouTube 视频。我对集成或它的真正含义一无所知。任何帮助将不胜感激。

Answer 1

正如solarhell提到的，我使用的是vue-video-player。它几乎完美地工作。唯一需要注意的是，如果从 MVC 应用程序在 Chrome 中流式传输视频，则必须使用范围文件结果。引用 npm 中的 Lib.Web.Mvc 包。

您通常会通过 NPM 安装它(如果使用 NPM)。 npm 安装 vue-video-player --save

然后你可以在你的 vue 组件中使用它，如下所示:

<video-player class="video-player-box vjs-big-play-centered" :options="playerOptions"></video-player>

options 属性是组件支持的 video.js 选项的对象。这包括视频是否静音、语言、视频的 url(youtube 链接)、mime 类型等...

https://surmon-china.github.io/vue-video-player/