安于心m 2021-09-13 10:57 采纳率: 71.4%
浏览 756
已结题

vue-video-player视频播放获取地址动态播放的问题

vue-video-player 中点击视频根据id 进行动态播放。
目前已经把需要播放的videoList放置缓存中 ，并且可以在页面拿到值了，但是没办法无法把属性放到插件中进行播放

img

  • 写回答

4条回答 默认 最新

  • 前端不释卷leo 前端领域新星创作者 2021-09-13 12:59
    关注

    你这样写有点问题
    首先，你说你在缓存中可以拿到相应的播放地址src
    那么请问，你的那个videoLists是定义在哪儿的呢？也是定义在return中吗？如果是，那么你这样写就不正确，return中的this.拿不到return里面定义的变量
    其次，如果你已经存到缓存里面的话，你可以在return里面的src那里通过从缓存里面拿而不是this.，缓存可以是sessionStorage或者cookie或者localStorage，不知道存在哪一个里面，还是直接放在全局的作用域底下？

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

  • vue-video-player实现实时视频播放方式(监控设备-rtmp流)
    2020-10-14 23:03
    Vue.js 是一款流行的前端框架，用于构建用户界面。在 Vue 中，可以借助各种插件来扩展其功能。Vue-Video-Player 是一个基于 Video.js 的 Vue 组件，它提供了丰富的视频播放功能，包括对实时流媒体的支持。在本文中，...
  • vue视频播放插件vue-video-player的具体使用方法
    2020-10-16 01:06
    在实际应用中，可以通过 `this.$refs.videoPlayer.player.play()` 来播放视频，用 `this.$refs.videoPlayer.player.pause()` 来暂停视频。此外，还可以利用 `vue-video-player` 提供的其他 API 方法和事件监听来实现...
  • vue使用video插件vue-video-player的示例
    2020-10-14 17:29
    Vue-video-player 是一个基于 Vue.js 的视频播放插件，它利用 video.js 库提供了丰富的自定义选项和主题，使得在 Vue 项目中实现视频播放变得简单。下面将详细介绍如何在 Vue 项目中使用 vue-video-player 插件。 ...
  • vue-video-player.zip
    2020-09-09 11:08
    Vue-video-player是一个基于video.js的前端视频播放组件，专为Vue.js框架设计。这个组件将video.js的强大功能与Vue的灵活性相结合，使得在Vue项目中处理视频内容变得更加简单。Video.js是一个广泛使用的开源HTML5和...
  • vue-video-player 解决微信自动全屏播放问题(横竖屏导致样式错乱问题)
    2020-10-15 14:51
    总结来说，通过判断用户代理，动态设置合适的属性，并在横竖屏切换时调整视频容器的尺寸和样式，我们可以成功地解决vue-video-player在微信环境中的自动全屏播放和样式错乱问题。这个过程需要对前端开发和微信浏览器...
  • vue-video-player---vue中实现视频播放
    2024-05-22 16:44
    WEB_yicheng的博客 : 这是一个布尔值，用于设置视频是否在页面加载完成后自动播放。时，播放器将具有流体大小，能够根据容器尺寸动态调整自身大小。: 这也是一个布尔值，用于控制视频是否默认静音。: 这是一个数组，用于设置可选的播放...
  • 详解vue-video-player使用心得（兼容m3u8）
    2020-10-16 13:07
    Vue.js作为前端开发中非常流行的框架，它的一个插件vue-video-player可以帮助开发者非常方便地在Vue项目中集成视频播放功能。本文将详细介绍vue-video-player的使用心得，尤其是如何使其支持m3u8格式视频的播放。 ...
  • vue2使用vue-video-player播放视频m3u8
    2025-04-14 09:53
    纸短情长—来日方长的博客 vue2使用vue-video-player播放m3u8
  • vue-video-player 通过自定义按钮组件实现全屏切换效果【推荐】
    2021-01-21 13:51
    产品开发用的是 vue, 经同事介绍使用了vue-video-player 视频播放插件，通过 demo 案例很快实现了视频播放效果   <video-player class=vjs-custom-skin ref=videoPlayer1 :options=playerOptions :...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 9月21日
  • 已采纳回答 9月13日
  • 创建了问题 9月13日