将easyplayer.js在vue3 ts中使用

在 Vue 3 TypeScript 项目中使用 easyplayer.js 的步骤如下：

1. 安装 easyplayer.js

使用 npm 安装 easyplayer.js：`npm install easyplayer.js --save`

2. 在 Vue 3 TypeScript 项目中引入 easyplayer.js

在 Vue 组件中通过 import 引入 easyplayer.js

import EasyPlayer from 'easyplayer.js';

3. 使用 EasyPlayer 组件

在 Vue 组件模板中使用 EasyPlayer 组件，可以通过 props 传递播放器的配置参数。

<template>
  <div>
    <easy-player :options="playerOptions"></easy-player>
  </div>
</template>
 
<script lang="ts">
import { defineComponent } from 'vue';
import EasyPlayer from 'easyplayer.js';
 
export default defineComponent({
  name: 'MyComponent',
  components: {
    EasyPlayer,
  },
  data() {
    return {
      playerOptions: {
        url: 'your_video_url',
        autoplay: true,
        controls: true,
        width: '100%',
        height: 'auto',
      },
    };
  },
});
</script>

以上是在 Vue 3 TypeScript 项目中使用 easyplayer.js 的基本步骤，具体的使用方式可以参考 easyplayer.js 的文档和示例。