【原创2023-组件开发】vue3 视频组件

webdashu

已于 2023-05-18 16:02:46 修改

阅读量283

点赞数 1

文章标签： vue.js javascript 前端

于 2023-05-18 16:01:49 首次发布

本文链接：https://blog.csdn.net/qq38828191/article/details/130749221

版权

LiuYue-Video Vue3 Video Component

六月网站工作室走在前端最前沿，支持vue生态发展。

Recommended IDE Setup

安装说明
npm install
npm run dev
组件说明

js原型封装，强大的api，暂时提供v.0.1

Additional features（附加功能）

name	type	application
路由加密	router	页面路由

使用方式	参数	application
父组件页面传递参数	自定义	页面路由
Methods	参数	application
GET	*	请求传递
POST	*	请求传递

public function（公有方法）

name	type	return_type	function_type	des	application
toTemplate

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

webdashu

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
【原创2023-组件开发】vue3 视频组件

LiuYue-Video Vue3 Video Component六月网站工作室走在前端最前沿，支持vue生态发展。
复制链接

扫一扫

Vue3视频播放器组件Vue3-video-play入门教程

猿小白的博客

03-11

1万+

Vue3-video-play适用于 Vue3 的 hls.js 播放器组件 | 并且支持MP4/WebM/Ogg格式。1、支持快捷键操作2、支持倍速播放设置3、支持镜像画面设置4、支持关灯模式设置5、支持画中画模式播放6、支持全屏/网页全屏播放7、支持从固定时间开始播放8、支持移动端，移动端会自动调用自带视频播放器9、支持hls视频流播放，支持直播10、hls播放支持清晰度切换。

vue3视频播放插件vue3-video-play播放m3u8

sunyanchun的专栏

07-31

1255

【代码】vue3视频播放插件vue3-video-play播放m3u8。

1 条评论您还未登录，请先登录后发表或查看评论

vue3视频播放器组件

wendy_qx的博客

02-02

298

【代码】vue3视频播放器组件。

vue3通过vue-video-player实现视频倍速、默认全屏、拖拽进度条等功能

最新发布

SunFlower914的博客

06-25

1402

options中的soure.type可选值切换后，type类型一定要和src值返回的数保持一致，否则资源无法加载成功；鼠标点击进度条后视频直接重置到了起点，这个问题可以参考

vue3封装的video组件

weixin_45458830的博客

11-28

738

【代码】vue3封装的video组件。

Vue中视频组件vue-video-player

qq_43777572的博客

08-02

8180

Vue中视频组件vue-video-player

Vue3 组件示例工程（三） —— 视频组件

Lyrelion的博客

07-08

3343

目录 1.视频组件 video-base 编写 2.视频组件 video-base 使用 1.视频组件 video-base 编写效果展示【缩略图】：效果展示【点击后的全屏效果】：组件名称：TVideoBase 为了播放各种格式的视频（.m3u8、.mp4...），此组件调用了 video.js 库安装 video.js：npm install --save video.js 在组件中，应该导入这个库： import videojs from 'video.js'.

利用vue-video-player插件自定义制作视频功能

Jun96505的博客

08-29

1715

安装依赖　　cnpm install vue-video-player --save 引入样式// 第一个是videoJs的样式，后一个是vue-video-player的样式，因为考虑到我其他业务组件可能也会用到视频播放，所以就放在了main.js内 require('vue-video-player/node_modules/video.js/dist/video...

Vue 视频播放插件vue-video-player

达拉崩巴斑得贝迪卜多比鲁翁_

09-23

7242

安装 npm install vue-video-player --save 引入可以全局引入插件，也可以在需要用到该插件的组件内单独引入（二选一）【1】全局引用，在main.js里面导入并引用 import VideoPlayer from 'vue-video-player' import 'vue-video-player/src/custom-theme.css' import 'video.js/dist/video-js.css' Vue.use(VideoPlayer) 【2】组

vuepagination2基于vue的一个分页组件

08-10

通过研究这些文件，开发者可以学习到如何创建Vue组件，如何处理组件间的通信，以及如何将组件与Vuex状态管理结合。此外，对于想要深入了解Vue.js生态系统的开发者，这同样是一个宝贵的实践案例。总之，vue-...

6、段子发布平台大学生系统（ssm-vue）.zip

04-24

前端部分，采用Vue.js框架构建单页面应用，通过组件化的开发方式，实现了页面的快速搭建与灵活调整。同时，Vue.js的响应式数据绑定机制，使得页面数据的变化能够实时反映到用户界面上，提升了用户体验。 SSM-Vue...

vue-base-template::party_popper::party_popper::party_popper: 一个 vue 开发模板

05-30

纯前端文档预览，Vue实现，无需后端，支持Word、Excel、PPT、pdf、文本、图片，附接入demo和文档

02-09

1. 整合目前市面上所有的纯前端Web组件，并二次开发改进稳定性 2. 目前最灵活的接入方案，基于Html5 postMessage传送blob数据，高度解耦 3. 支持所有文本、代码格式，所有主流图片格式，.mp4，.docx，.xlsx，.pptx, ...

【源码】数据可视化：基于 Echarts + Vue 实现的大屏范例15-世界人口统计大屏.zip

10-18

项目可能包括如何在Vue组件中集成Echarts图表，以及如何利用Echarts的API来定制和控制数据展示。描述中提到的博客链接（由于无法直接访问，以下内容基于对描述的解读）可能提供了项目的详细实现步骤和指导。通常，...

vue视频组件

weixin_53954018的博客

03-08

216

【代码】视频组件。

视频播放：vue使用vue-video-player插件

provence_20的博客

12-09

2063

1.安装插件 npm install vue-video-player -S 2.使用（我的是弹窗） <template> <el-dialog :title="'视频播放'" :close-on-click-modal="false" :visible.sync="visible"> <el-form:...

2024年年度关于前端学习与工作的心得体会_前端工作学习体会

2401_84413180的博客

04-26

827

在2019年底到2020年底，这一年多的时间里，本人从移动端开发直接转岗到前端开发，俗话说得好：只要是语言都是相通的，尤其是程序语言相似度更高，因为它们的鼻祖是C语言，做程序开发的都学过C语言，but，对于本人来说，不同语言相当于不同的大山，对别人来讲隔行如隔山，而对于本人来讲则是隔语言如隔山，这句话形容太贴切了，前端开发这座大山差一点要了我的老命，其中的酸甜苦辣慢慢道来给你听。

vue视频播放组件