Videojs.com

Video.js 指南

这些指南涵盖了 Video.js 用户的各种主题

返回指南

Webpack 和 Video.js

目录

Video.js 及官方库和插件可在基于 Webpack 的构建环境中运行，但是可能需要一些配置，以确保在 worker 中执行的代码不会因转译而损坏。

Mapbox 项目记录的解决方案同样适用。

  1. 要么将生产环境的 browserslist 设置为
">0.2%",
"not dead",
"not op_mini all",
"not safari < 10",
"not chrome < 51",
"not android < 5",
"not ie < 12"
  1. 或者使用 ! 语法进行导入
// eslint-disable-next-line import/no-webpack-loader-syntax
import videojs from "!video.js";

Video.js CSS

您可能需要将 style-loader 添加到 Webpack 配置中。

然后添加播放器所需的 CSS，将以下内容添加到也包含或初始化播放器的文件中

require('!style-loader!css-loader!video.js/dist/video-js.css')