记录vue 引用video.js 遇到的问题

最新推荐文章于 2024-05-26 13:03:47 发布

小春春_xcc

最新推荐文章于 2024-05-26 13:03:47 发布

阅读量1.3k

点赞数

分类专栏：前端文章标签： vue

本文链接：https://blog.csdn.net/WMC_19931013/article/details/105221023

版权

在Vue项目中使用video.js时，首次加载视频列表正常显示，但切换页面再返回时，视频不再显示并出现'Player “idname” is already initialised.'警告。问题在于video.js初始化多次导致。

摘要由CSDN通过智能技术生成

记录vue 引用video.js 遇到的问题。第一次video列表刷新可以看到视频，切换页面回到该页面，视频不出现，并报错

VIDEOJS: WARN: Player “idname” is already initialised. Options will not be applied.
下面展示一些 内联代码片。

//代码
<div class="list_item">
      <div class="test_two_box" v-for="(item,i) in videoitem" :key="i" style="margin-bottom: 30px">
	        <video :id="'myVideo'+item.id" class</

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小春春_xcc

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

加mp4文件后js失效_记录一波video.js的使用及问题

weixin_30068877的博客

02-05

1030

最近的项目中需要播放视频，鉴于html5元素的一些坑及不想自己造轮子，于是就找到了web端播放视频使用量最多的插件video.js，video.js是国外开发者开发的，英语本身就不好的我看英文文档简直是折磨，国内又没有中文文档，能搜的到的基本是简单的使用及最基本的api的介绍，想要实现一些自定义功能无从下手，所以我在这里整理一份我所遇到的问题及解决方法1、视频初始化video.js有两种初始化方式...

Uncaught ReferenceError: videojs is not defined

YHLSunshine的博客

01-11

1687

开发 vue 项目时，调试时浏览器前端控制台出现红色报错信息： Uncaught ReferenceError: videojs is not defined

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

vue2 中使用 video.js 以及遇到的问题

努力

02-01

1439

玛德，这个当时改完这个 css 之后给老子气笑了。哈哈哈哈哈哈哈哈哈哈哈哈。但是其他的按钮就不这样，以后有时间再详细看一下。第一处：控制是否显示视频倍速按钮。第二处：控制视频倍速按钮顺序。可以看到代码中有两处。

【vue】视频播放器video.js插件使用：

SunPeng的博客

10-05

9790

【vue】视频播放器video.js插件使用：

vue结合videojs实现视频播放组件

前端开发者

08-29

9079

vue结合videojs实现视频播放组件简介业务需求，视频播放组件往往结合视频上传组件一块使用。视频上传组件主要依赖说明（先安装，步骤略） { "element-ui": "2.11.1", "vue": "^2.6.10", "vue-router": "^3.0.1", "vue-video-player": "^5.0.2" } 正文 1...

videoJS报错:VIDEOJS: WARN: Player “myVideo” is already initialised. Options will not be applied.

weixin_45115895的博客

06-03

8423

videoJS报错:VIDEOJS: WARN: Player “myVideo” is already initialised. Options will not be applied. 移动端vue项目商品详情页有用到视频播放器,刚进入时没有错误,进入到其他页面再返回到商品详情页就会出现视频缩小到了左上角,且不能再播放了,查看控制台发现报了一个警告 VIDEOJS: WARN: Player “myVideo” is already initialised. Options will not be ap

前端-Vue.js从入门到精通基础笔记（理论+实操+知识点速查）

Only-CYY的博客

07-05

3884

【2022.3】尚硅谷Vue.js从入门到精通基础笔记（理论+实操+知识点速查）

卸载video.js

08-16

- *1* [第一次在Vue项目中播放m3u8格式视频遇到的问题和解决方法](https://blog.csdn.net/jutgj/article/details/114662043)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source...

Vue.NetCore开发框架最佳实践

五角大寨

02-05

2385

低代码开发框架Vue.NetCore的最佳实践，记录了开发过程中遇到的各种坑和各种实际代码，此框架使用人数少，懒得做脱敏处理，直接改成VIP可见

vue + typescript + video.js实现流媒体播放视频监控功能

12-09

视频才用流媒体，有后台实时返回数据，要支持flash播放，所以需安装对应的flash插件。当视频播放时，每间隔3秒向后台发送请求供检测心跳，表明在线收看状态,需要后台持续发送视频数据。 1. yarn add video.js videojs-flash 2. 创建videp.js声明文件 3. 创建video_player.vue组件，供外部调用。源码如下 [removed] import { Component, Emit, Prop, Vue } from 'vue-property-decorator'; import 'video.js/dist/v

解决 VIDEOJS: WARN: Player “videoPlayer“ is already initialised. Options will not be applied.

oZhongRan的博客

11-10

5121

vue+elementui+video.js时播放M3U8格式视频，首次渲染可正常播放，切换下一个视频后报错并黑屏。原因在于video的ID值重复导致冲突，替换成不同的ID值即可。player接收不同的VIDEO的ID值即可。VIDEO传递不同的ID值过去。

解决 VIDEOJS: WARN: Player “my-player“ is already initialised. Options will not be applied.

罗锦天的博客

01-15

7669

解决 VIDEOJS: WARN: Player "my-player" is already initialised. Options will not be applied.VIDEOJS: WARN: Player "my-player" is already initialised. Options will not be applied.出现问题的代码修改后代码 VIDEOJS: WARN: Player “my-player” is already initialised. Options wi

VUE3视频播放器 videojs-player/vue

最新发布

哈

05-26

961

video-player是一个基于video.js的视频播放器组件，它提供了丰富的功能，包括视频播放、暂停、快进、快退、全屏、音量控制等。video-player 还提供了许多其他属性，可以用来配置视频播放器的行为，具体可以参考 video-player 文档。@videojs-player/vue 是由vue-video-player （不再更新）更新而来的，最新的组件版本仅支持 Vue3。最新版本支持大多数 Video.js 配置选项的响应性，并允许完全自定义播放器控制面板和交互细节。

vue 使用video-players插件安装不上解决如下

lgq1368853532的博客

04-25

484

以及package.json里的"vue-video-player": "",node_modules下的vue-video-player。

【js】第一次加载js失效，如果我再刷新则会成功，why?

z767327552的专栏

08-25

7497

当ajax正在运作请求的时候，jquery是不会加载完整的一个页面的，它只是会提取这个页面的头部标签。这个逻辑是这么进行处理的，jquery提取了头部标签只是为了更快的去加载这个页面，减少下载或者请求加载的时间，然后自己提取出的头部标签再和剩下的html页面整合成一个完整的页面。这就是为什么为先得到头部导航。 jquery依旧不会先运作任何js在ajax尚未加载完全或者正在进行请求的时候

React使用video.js播放RTMP流

天空影

08-05

4863

video.js在6版本之后是和flash分开的，如果需要使用高版本的，需要额外安装videojs-flash 准备项目有播放rtmp视频流的功能需求，所以搞来搞去还是想着用video.js这个库。基于react,video.js@5.18.4 yarn add video.js@5.18.4 @types/video.js 文档：video.js 页面中使用页面中使用挺简单的 import React, { useMemo, useState, useEffect } from 'react'.

React中Video播放器的使用

weixin_43843572的博客

05-26

6405

Video播放器的使用

vue2 video.js

02-03

this.player = videojs(this.$refs.videoPlayer) }, beforeDestroy() { // 在组件销毁前销毁Video.js实例 if (this.player) { this.player.dispose() } }, methods: { play() { // 播放视频 this.player...