当前位置: 代码迷 >> 综合 >> video.js 视频播放结束重新加载播放界面
  详细解决方案

video.js 视频播放结束重新加载播放界面

热度:48   发布时间:2023-11-18 01:56:54.0

Video.js 7.8.0 版本

/* 首页视频轮播播放 Video.js 7.8.0 */var player = videojs('#index_video',{language: 'zh-CN', // 设置语言autoplay:false,//播放器准备好之后,是否自动播放 【默认false】muted: false,//是否,静音的video可以自动播放,设置muted试下,不过需要提示用户打开声音controls: true,//是否拥控件设置:false也就是说界面上不会出现任何控制按钮loop: false, //视频播放结束后,是否循环播放preload:true,//预加载:string;'auto'|'true'|'metadata'|'none'poster:"/app/video/dsl-index-video/dsl_vide_img.jpg",//视频封面图地址});$(function(){// 监听是否播放结束var options = {};var myPlayer = videojs('index_video', {},function(){var oneTime = true;this.on('ended', function () {console.log('结束播放!');//做一些事情oneTime = true;});this.on('timeupdate', function() {if ($(".vjs-remaining-time-display").html() != '0:00' && oneTime) { //判断视频真正开始播放 和 重新播放//somethings//重新加载this.on('ended', function() {if (player.isFullscreen()) {player.exitFullscreen();}player.hasStarted(false);});//重新加载oneTime = false;//做一些事情console.log('开始播放!');}})})});

 

 

  相关解决方案