分类：vue-video-player

2020
11-17

适用于 Vue 的播放器组件Vue-Video-Player操作

如果h5的标签<vedio>不能满足你的需求，那就用这个组件Vue-Video-Player吧，也许可以覆盖到你的需求。<video-playerclass="video-playervjs-custom-skin"ref="videoPlayer":playsinline="true":options="playerOptions"></video-player>配置参数：playerOptions:{height:400,playbackRates:[0.7,1.0,1.5,2.0],//播放速度autoplay:false,//如果true,浏览器准备好时开始回放。muted:false,... 继续阅读 >

2020
10-30

vue video和vue-video-player实现视频铺满教程

网页放置视频播放器，我一般都是用video.js和它的插件vue-video-player一：Video.js需求：对于简单的视频播放需求来说，video.js足以胜任了。它可是支持HTML5和Flash的视频播放器呦。1：安装video.jsnpminstall-svideo.js2:在main.js文件中引入相关文件importVideofrom'video.js'import'video.js/dist/video-js.css'Vue.prototype.$video=Video3:在组件中使用<template><divclass="video_text"><videoid="myVideo"... 继续阅读 >

2020
10-10

vue使用video插件vue-video-player的示例

一、安装插件npminstallvue-video-player--save二、配置插件在main.js中全局配置插件importVideoPlayerfrom'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-player/src/custom-theme.css')Vue.use(VideoPlayer)三、使用插件在vue组件中的程序如下：<template><!--在视频外面加一个容器--><divclass="input_video"><video-playerclass="video-playervjs-custom-skin"... 继续阅读 >

2020
10-09

vue-video-player实现实时视频播放方式(监控设备-rtmp流)

监控设备播放效果如下1、vue项目安装vue-video-playernpminstallvue-video-player--save2、编写视频播放组件（放上完整的组件例子，父组件调用时给videoSrc和playerOptions.sources[0].src赋值就可以播放了，具体操作有注释）注：style样式部分用了lang=scss，如果自己的项目没用他请用自己的方式改一下样式部分避免报错<template><divclass="video-js"><divv-if="videoSrc===''"class="no-video">暂未播放视频... 继续阅读 >