vue视频插件video-player点击控制条也会触发暂停事件弹出蒙层

最新推荐文章于 2024-09-18 10:11:25 发布

weixin_46276411

最新推荐文章于 2024-09-18 10:11:25 发布

阅读量1.2k

点赞数

文章标签：前端 vue

本文链接：https://blog.csdn.net/weixin_46276411/article/details/116525508

版权

在Vue项目开发中，使用video-player视频插件时遇到一个问题，点击控制条暂停事件会弹出蒙层，包括点击进度条。本文介绍了两种解决方法：一是直接禁用进度条的点击事件；二是利用定时器避免立即暂停，从而防止不期望的蒙层弹出。

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

项目开发中遇到问题：触发暂停事件弹出蒙层，问题是点击进度条也会触发暂停事件弹出蒙层

基本代码

<video-player
        id="video"
        class="video video-player vjs-custom-skin"
        ref="videoPlayer"
        :options="playerOptions"
        @play="onPlayerPlay($event)"
        @pause="onPlayerPause($event, 'm')"
        @ready="playerReadied"
        v-on:click.