videojs 销毁重新初始化

参考：https://blog.csdn.net/hadry123/article/details/102780465

dispose()从播放器中删除所有事件侦听器。删除播放器的DOM元素，所以再次初始化的时候需要我们重新创建标签

<div class="video-box"><video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="none"></video>
</div>

if (this.myPlayer) {this.myPlayer.dispose();$(".video-box").html('<video id="video" class="video-js vjs-default-skin" controls width="640" height="264"></video>');
}this.$nextTick(() => {this.myPlayer = videojs('video', {//确定播放器是否具有用户可以与之交互的控件。没有控件，启动视频播放的唯一方法是使用autoplay属性或通过Player API。controls: true,//自动播放属性,muted:静音播放muted: true,autoplay: true,//建议浏览器是否应在<video>加载元素后立即开始下载视频数据。preload: "auto",//设置视频播放器的显示宽度（以像素为单位）width: "960px",//设置视频播放器的显示高度（以像素为单位）height: "522px",// url// poster: 'https://static.shuxuejia.com/img/video_image.png',sources: [{src: item.livingPath}],playbackRates: [0.5, 1, 1.5, 2] //倍速播放}, function onPlayerReady() {videojs.log('Your player is ready!'); // 比如： 播放量+1请求this.on('ended', function() {videojs.log('Awww...over so soon?!');});});});

videojs 销毁重新初始化相关推荐

spring Bean的初始化和销毁（使用注解）
使用注解定义Bean的初始化和销毁 Spring初始化bean或销毁bean时,有时需要作一些处理工作,因此spring可以在创建和拆卸bean的时候调用bean的两个生命周期方法. 回顾配置文件的写 ...
spring生命周期管理-初始化与销毁
spring生命周期管理只涉及单例对象的管理一初始化与销毁 1.通过设置bean的init-mothed属性指定初始化的方法,他的限制是方法无法接受任何参数,方法可以为static 2.实现Init ...
Spring学习笔记-Bean初始化销毁
1.bean的初始化操作 1.1通过在配置文件中,设置bean的init-method方法,destory-method方法,spring框架会通过反射机制来调用 java类 package com. ...
spring Bean的初始化和销毁生命周期方法
使用注解定义Bean的初始化和销毁 Spring初始化bean或销毁bean时,有时需要作一些处理工作,因此spring可以在创建和拆卸bean的时候调用bean的两个生命周期方法. 回顾配置文件的写 ...
videojs实现视频打点标记 Vue
videojs实现视频打点标记 Vue 安装 npm install videojs npm install videojs-markers 页面引入 import videojs from 'vid ...
【大华摄像机hls拉流vue使用videojs展示一个页面多个视频同时播放】
前言主要参考https://blog.csdn.net/qq_39923762/article/details/89149715?spm=1001.2014.3001.5506 我们的项目是在大华摄 ...
VideoJS实现视频直播（vue）
videojs官网: https://videojs.com/getting-started video.js安装使用videoJs前势必需要先安装videoJs,目前有两种方式可以使用: npm包 ...
[Spring 深度解析]第7章 IoC容器的初始化过程
7. IoC容器的初始化过程简单来说,IoC容器的初始化是由前面介绍的refresh()方法来启动的,这个方法标志着IoC容器的正式启动.具体来说,这个启动包括BeanDefinition的Re ...
videojs+hls+rtmp流媒体播放
前言:刚接触前端,小白一个,如有出错,请指正,谢谢! 注:视频格式可以分为适合本地播放的本地影像视频和适合在网络中播放的网络流媒体影像视频两大类. 一.互联网网络流媒体简介 HTTP stream是各 ...

videojs 销毁重新初始化

videojs 销毁重新初始化相关推荐

最新文章

热门文章