vue3用阿里云播放器that is not defined
时间: 2023-08-19 12:04:10 浏览: 119
解决vue项目报错webpackJsonp is not defined问题
5星 · 资源好评率100%
你好,关于你提出的问题,可能是因为你在Vue 3项目中未正确引入阿里云播放器所致。你可以尝试在Vue 3项目中安装阿里云播放器的依赖,然后在组件中引入并使用阿里云播放器。你可以按照以下步骤进行操作:
1. 在Vue 3项目中安装阿里云播放器的依赖:
```
npm install @aliplayer/player --save
```
2. 在需要使用阿里云播放器的组件中引入:
```
import Aliplayer from '@aliplayer/player';
```
3. 在组件的方法中使用阿里云播放器:
```
mounted() {
const player = new Aliplayer({
id: 'player',
source: 'http://xxxxxx.mp4',
width: '100%',
height: '500px',
autoplay: false,
isLive: false,
});
},
```
注意:在使用阿里云播放器时,需要在组件的 HTML 模板中添加一个用于显示视频的 DOM 元素,例如:
```
<template>
<div id="player"></div>
</template>
```
希望以上内容能够帮助到你解决问题。如果还有其他问题,欢迎继续向我提问。
阅读全文