本文为您介绍 VePlayer 的接入步骤。通过接入 VePlayer，您可以在网页上添加一个视频播放器。

引入依赖

VePlayer 支持以下 3 种方式引入依赖。

添加播放器容器

在需要展示播放器的页面添加播放器容器。例如在 index.html 中加入以下代码：

<div id="video"></div>

实例化播放器

VePlayer 支持两种播放模式：

const playerSdk = new VePlayer({
  id: 'video',
  url: 'xxx.mp4'
});

接入播放质量上报

您需接入播放质量上报功能，以便在视频点播控制台的质量平台监控一些关键的播放指标，如播放量、播放失败率和首帧时间等。此外，视频点播还支持单点追查功能，允许您根据用户或设备标识，查询特定用户或设备的播放记录。详细说明请见数据看板和单点追查。
可在实例化播放器时，通过设置 vodLogOpts 参数来配置播放质量上报。详细的参数说明请见 IVodLogOptsConfig。示例代码如下：

const player = new VePlayer({
  id: 'video',
  width: 600,
  height: 400,
  url: "https://demo.vod.com/xxx.mp4",
  vodLogOpts: {
    line_app_id: XXXX, //【必选】number 类型，视频点播应用 ID。可在视频点播控制台 > 点播 SDK > 应用管理页面获取。
    line_user_id: 'XXX', //【必选】用户 ID， String 或者 number 类型。对应于单点追查功能的设备 ID 维度。
    tag: '普通视频', // 【可选】业务标签，对应单点追查功能的业务类型维度，用于区分业务中不同的场景，方便后续进行拆维分析。
  }
});

接入其他功能

参考以下文档，接入 VePlayer 的设置封面、画中画、预览缩略图、加密视频播放等功能：

• 基础功能
• 进阶功能
• 配置参数