lzc-video-player

播放器（NativeVideoPlayer）

基于原生 <video> + hls.js 的播放器，不依赖 Video.js，提供 HLS 播放与基础控制：

增加对ass特效字幕的渲染能力，需要配合服务端提供的字体集

import { LzcVideoPlayer } from "@lazycatcloud/lzc-video-player";

// 需配合 openVideo 事件传入片源；onInit 中可拿到 player 并调用 trigger({ type: "openVideo", info })
<LzcVideoPlayer @back="onBack" :on-init="onInit" :options="options" />

支持选择字幕功能

调整选择字幕样式

<script setup lang="ts">
import { LzcVideoPlayer } from "@lazycatcloud/lzc-video-player";
import type { NativePlayerAPI } from "@lazycatcloud/lzc-video-player";

function onBack() {
  console.log("onback");
}
function onInit(player: NativePlayerAPI) {
  console.log("player: ", player);
}

const options = {
  showTopBar: false,
};
</script>

<template>
  <LzcVideoPlayer
    :style="{
      height: '100%',
      width: '100%',
    }"
    @back="onBack"
    :on-init="onInit"
    :options="options"
  />
</template>