使用vue3.0的视频播放插件:vue-vedio-player
最编程
2024-02-02 14:30:49
...
<script>
export default {
data() {
return {
playerOptions: {
//播放速度
playbackRates: [0.5, 1.0, 1.5, 2.0],
//如果true,浏览器准备好时开始回放。
autoplay: false,
// 默认情况下将会消除任何音频。
muted: false,
// 导致视频一结束就重新开始。
loop: false,
// 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频(如果浏览器支持)
preload: 'auto',
language: 'zh-CN',
// 将播放器置于流畅模式,并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字(例如"16:9"或"4:3")
aspectRatio: '16:9',
// 当true时,Video.js player将拥有流体大小。换句话说,它将按比例缩放以适应其容器。
fluid: true,
sources: [{
//类型
type: "video/mp4",
//url地址
src: ''
}],
//你的封面地址
poster: '',
//允许覆盖Video.js无法播放媒体源时显示的默认信息。
notSupportedMessage: '此视频暂无法播放,请稍后再试',
controlBar: {
timeDivider: true,
durationDisplay: true,
remainingTimeDisplay: false,
//全屏按钮
fullscreenToggle: true
}
}
}
}
}
</script>
推荐阅读
-
解决方案] EasyNVR 智能云终端在电影院视频智能无插件播放系统中的应用
-
播放视频 P 图片的新方式:推理速度快近 15 倍,可使用任何分辨率!太炫耀了
-
Cordova 插件 cordova-plugin-media-capture 实现了短视频的录制、上传和播放。
-
Vue 视频播放器的视频无法加载,vue 视频插件;show fork;媒体无法加载、
-
前端使用海康威视 WEB 播放器插件播放摄像机监控视频
-
硬件:华硕 AC68U 路由器设置 有线网桥(AP)模式 - 我阅读了 APP(普通视频播放器,我使用的是 OplayerHD Lite)的文档说明,WiFi 文件传输必须要求 IP 地址的前三位数字相同。所以在目前的连接情况下,无法传输。 当然,我可以用 iPad 连接电信公司光猫的 WiFi 信号,但在卧室内,这个信号非常弱。如果我想快速传输,就必须把 iPad 放在电信公司光猫附近,然后自己到卧室的电脑上操作。这也不是什么好体验!
-
无需插件的网络视频播放器,支持图像绘制(包括正方形、方框等),支持音频和视频播放,支持视频截图,提供源代码下载
-
2022-04-12 无法使用浏览器播放由 xavier NvVideoEncoder 编码的视频的原因
-
我们多年前使用过的最佳视频播放器
-
记录 Unity VR 视频播放器插件的开发过程