vue 项目中使用video实现视频播放效果暂停播放

小白白哦(๑•̀ㅂ•́)و

于 2021-04-11 20:49:47 发布

阅读量2.4k

点赞数

分类专栏：后台

版权

16 篇文章

订阅专栏

本文介绍了一个基于 Vue 的 MiniPlayer 组件使用方法，包括如何设置视频源、判断播放器的暂停状态以及控制播放器的播放与暂停。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <video :src="video_url"  controls="controls" style="width:100%;height:100%;" ref="vueMiniPlayer"></video>

再给

this.video_url='http://47.105.206.28/videos/wangkun.mp4'

判断是否暂停状态返回true false

this.$refs.vueMiniPlayer.pause();//暂停
this.$refs.vueMiniPlayer.play();//播放

————————————————
版权声明：本文为优快云博主「BUG创建者」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/wzwzwz555/article/details/108050615