Vue中 引入使用 vue-video-player 实现音视频播放_vue-video-player 音频随系统变更(1)

ES6

• 列举常用的ES6特性：

• 箭头函数需要注意哪些地方？

• let、const、var

• 拓展：var方式定义的变量有什么样的bug？

• Set数据结构

• 拓展：数组去重的方法

• 箭头函数this的指向。

• 手写ES6 class继承。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

微信小程序

• 简单描述一下微信小程序的相关文件类型?

• 你是怎么封装微信小程序的数据请求？

• 有哪些参数传值的方法？

• 你使用过哪些方法，来提高微信小程序的应用速度？

• 小程序和原生App哪个好？

• 简述微信小程序原理？

• 分析微信小程序的优劣势

• 怎么解决小程序的异步请求问题？

preload: ‘auto’, // 建议浏览器在加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
language: ‘zh-CN’,
aspectRatio: ‘16:9’, // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
fluid: true, // 当 true 时，Video.js player 将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
sources: [
{
src: ‘’, // 路径
type: ‘video/mp4’ // 类型
}
],
poster: “”, // 封面地址
notSupportedMessage: ‘此视频暂无法播放，请稍后再试’, // 允许覆盖 Video.js 无法播放媒体源时显示的默认信息。
controlBar: {
timeDivider: true, // 时间分割线
durationDisplay: true, // 总时间
remainingTimeDisplay: true, // 剩余播放时间
progressControl: true, // 进度条
fullscreenToggle: true // 全屏按钮
}
}

#### 2. 组件中使用 vue-video-player


##### 完整代码