vue3 使用 vue3-video-play实现在线视频播放
其中v-bind 后面的playerOptions为视频播放的相关配置信息
playerOptions: {
width: "852px", //播放器高度
height: "588px", //播放器高度
color: "#0e5f6d", //主题色
title: "", //视频名称
muted: false, //静音
webFullScreen: false,
speedRate: ["0.75", "1.0", "1.25", "1.5", "2.0"], //播放倍速
autoPlay: false, //自动播放
loop: false, //循环播放
mirror: false, //镜像画面
ligthOff: false, //关灯模式
volume: 0.5, //默认音量大小
control: true, //是否显示控制
poster: '',
controlBtns: [
"audioTrack",
"quality",
"speedRate",
"volume",
"pip",
"fullScreen",
], //显示所有按钮,
src: "http://www.baidu.mp4", // 视频在线地址
}
您可能感兴趣的文章:
- .NET Core系列之MemoryCache 初识
- 007手机一键Root(安机网一键Root) v3.0 官方最新版 一键ROOT您的Android手机
- 12306密码被盗了怎么办?12306密码外泄解决方法
- 12个字的qq网名
- 150M迷你型无线路由器怎么设置?
- 192.168.1.1打不开怎么办?路由器192.168.1.1打不开的原因以及解决办法
- 2011年电子报合订本 电子报 编辑部 中文 PDF版 [84M]
- 2015年1月15日小米新旗舰发布会现场图文直播
- 2016.3.1vivo Xplay5新品发布会现场视频直播 优酷直播
- 2016华为P9发布会视频直播地址 4月15日华为P9国行发布会直播