#概述

源文档 - Overview

#Video.js React

Video.js 是一个开源的 Web 视频播放器库，使 Web 视频变得简单、高性能、可访问且可定制。

Video.js React 版本专为 React 应用设计，提供：

• 可组合的基础组件 - 像搭积木一样构建播放器
• React Hooks - 使用 usePlayer、useMedia 等 hooks 访问播放器状态
• TypeScript 类型 - 完整的类型支持，提升开发体验
• 预设配置 - 开箱即用的视频、音频、背景视频等预设

#快速开始

npm install @videojs/react

import { createPlayer, videoFeatures } from '@videojs/react';
import { VideoSkin, Video } from '@videojs/react/video';

const Player = createPlayer({ features: videoFeatures });

function App() {
  return (
    <Player.Provider>
      <VideoSkin>
        <Video src="https://example.com/video.mp4" />
      </VideoSkin>
    </Player.Provider>
  );
}

#文档结构

• 入门指南 - 安装和基本概念
• 核心概念 - 功能、皮肤、预设等核心概念
• 操作指南 - 自定义和扩展播放器
• 组件参考 - API 文档

#版本信息

本文档基于 Video.js v10 beta 版本翻译。

#相关链接

• Video.js 官网
• GitHub 仓库
• 英文文档

#许可

Video.js 是免费的开源软件，根据 MIT 许可证发布。

更多信息请访问：https://github.com/videojs/v10/blob/main/LICENSE