1234567891011121314151617181920212223242526272829303132333435 |
- ;(function(){function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}var __vite_style__=document.createElement('style');__vite_style__.innerHTML="._video-container_1vz16_1{position:relative;width:100%;--plyr-color-main: #01c1b5}._video-container_1vz16_1 video{width:100%}._video-container_1vz16_1 .video-back{position:absolute;left:.53333rem;top:.53333rem;color:#fff;z-index:99;font-size:.64rem;width:.8rem;height:.8rem;background-color:rgba(0,0,0,.5);border-radius:50%;padding:.10667rem .13333rem .10667rem .08rem}._video-container_1vz16_1 .plyr__poster{background-size:cover}._video-container_1vz16_1 .plyr__control--overlaid{border:.02667rem solid #fff;background-color:transparent!important}._video-container_1vz16_1 .plyr--video .plyr__control:hover{background-color:transparent!important}._video-container_1vz16_1 ._video_1vz16_1{position:relative}._loadingVideo_1vz16_35{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.9);z-index:10}._playOver_1vz16_44{background:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}._playOver_1vz16_44 ._tips_1vz16_52{font-size:.4rem;color:#fff}._playOver_1vz16_44 ._btn_1vz16_56{margin:.26667rem 0}._freeTxt_1vz16_59{font-size:.4rem;color:#fff;line-height:.56rem;padding-top:.26667rem}._freeRate_1vz16_65{color:#32ffd8}\n";document.head.appendChild(__vite_style__);System.register(['./plyr-legacy.180f4c53.js','./vendor-legacy.5e7defd7.js','./index-legacy.b6c08a42.js'],function(exports){'use strict';var Plyr,defineComponent,createVNode,Loading,createTextVNode,Fragment,Icon,Button,Toast,listenerMessage,postMessage,browser,state;return{setters:[function(module){Plyr=module.P;},function(module){defineComponent=module.d;createVNode=module.a;Loading=module.L;createTextVNode=module.j;Fragment=module.F;Icon=module.K;Button=module.B;Toast=module.T;},function(module){listenerMessage=module.l;postMessage=module.p;browser=module.b;state=module.s;}],execute:function execute(){var video="_video_1vz16_1";var loadingVideo="_loadingVideo_1vz16_35";var playOver="_playOver_1vz16_44";var tips="_tips_1vz16_52";var btn="_btn_1vz16_56";var freeTxt="_freeTxt_1vz16_59";var freeRate="_freeRate_1vz16_65";var styles={"video-container":"_video-container_1vz16_1",video:video,loadingVideo:loadingVideo,playOver:playOver,tips:tips,btn:btn,freeTxt:freeTxt,freeRate:freeRate};var iconVideoPlay="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABSCAMAAADw8nOpAAAAAXNSR0IArs4c6QAAAapQTFRFAAAA////////////2NjY2dnZ9vb2////9vb23Nzc3d3d3t7e39/f////4+Pj4+Pj6+vr7Ozs5+fn6Ojo7u7u6enp6enp7+/v8fHx7Ozs8fHx7e3t7+/v8/Pz8PDw8/Pz9PT0+/v78PDw8PDw9PT09PT0////9fX1/Pz89fX19fX19fX18vLy/Pz89vb29vb2/Pz8+fn59/f3////9/f3+vr69/f3+vr6////+Pj4+/v7////+/v7+/v7+Pj4+fn5/////f39+/v7+/v7+/v7+fn5+/v7+/v7/f39////+/v7////+/v7/f39/Pz8/Pz8/////Pz8/////Pz8/f39/f39/Pz8/f39/v7+/Pz8/v7+/////Pz8/v7+/v7+/v7+/v7+/Pz8/v7+/////v7+/v7+/v7+/v7+/v7+/v7+/////v7+/v7+/v7+/////v7+/////v7+/v7+/////v7+/////v7+/////////////////v7+/////v7+/////////////v7+/////////////////////v7+////////////////////////lZ+FUgAAAI10Uk5TAAYSFRobGxscHR4fICMkJScpKywsLi8vNTY2OD5BQkJDQ0RGRkhISktMTlBRUlNVWFlbXF1gY29wcXJyc3R1d3p7fH+AgoSFhoaHj5CTlJWXmJifn6WoqKusr6+0tLi5ury/v8LDyMvMzdTV1tjY2trb3ODh4eLj5ejs7e3u7u/w8vT19vj5+vr7/P3+n1NMJwAAA5RJREFUWMO1metfEkEUhg86lrZZRBeVitJSsVIkKym7KFqYqJGXLiplCWUYBKllRiaQa7Lz/s998Bqyu7ML+37eeX47t3Pec4ZIR9VuX2gutpSW5fRSbC7kc1dTKaroHEtyFIgnxzorzPFs7VMbADLRCb/X5XRIksPp8vonohkAG1PtNsPAysFVIB8JtNawAtW0BiJ5YHWw0hDwaDALxAbqmIrqBmJANnhEfMq9OfDZNqaptlmOXK/g9Bvj4DNNTFdNMxzxRpFfHOFIeZiQPCnwEd0frZ2HPCQxQUlDMuZrtYkt61hsZgbUvIj1Fi1i1ybCdmZI9jA2u9SJPQpGmWGNQulRJULpZybUr0CF2aUo3cyUuhWl6NxbNtHPTKofm0X2qHbdzDrur+f6obNkm0eYlaAw5gvP/AgW7aUg7YsYKbjXXG5mJalZ5v/dd1sCQ6xEDSFxcOp9SEmlIqUU+g5E3Bz3sJLl4bn9mBzEDCuDZhDcyzNZrhpxT104Loxs4tndfDSIWbX1mdzCr8fHRJmzGNzZ7lWo5ZlhAMDna4LINqxub3o7YmrffN12A8qkQ4wZQzsREU1jQO2TH7sW4+ddIeQApomIKuR8nS4S+HBRAFmX36ggok5EmAASf5+d0GdG0ElEYwgIIYHvt3WRAYwRURKtgkjgbb0OshVJomqeqRFGIhfQPqQ1GV5Nbo2lPIwEEjd0FtNNPowbQoK/PKOBHIePQvAbQwJrD6pUR/gRojl4jSKBj5fVRngxRwtwGUdi6/nJ4iNcWKBlNJhAAis3i45owDKl4TCFRL6j2AgH0iRDMocsnvclyCUg36shTU8c99QmvgSnKWR+uOgIJ5YoZuoQ4dOV4iMuIWbuqP9+VKVx1E1cSP7qrOaFNBw28KVDI2xMwEduRA0h/2hXRVG4DYZgvDuvH4INJYqVOyKJwkA6Uw0/helMNOlqBMnCpCtoDdbuVwlbAyEDw1+cFjMwU3o269sOMX7dmM3SMIOvt5P3E0GHuWcGNSzruTiAN/VMUHuWVctYS7ceXjVjrC2w/1YUKdRbnlKq92DBFy9HwRe3WVuWWlE8W1HiW9CIsKJdYkVTx4rWkxUNMivaeFY0G61oiVrRuCWixoR4eznRKNgE7xNtgveJvwEcKXernoio8mmZHxS2nz2mZQCZyLjf62pwSJKjweX1j0cyAORpE88eljzOHHxCWlhOy3J6eUHoCekfdmynrwwsFL4AAAAASUVORK5CYII=";var ColVideo=exports('C',defineComponent({name:'col-video',props:{trySee:{// 是否试看
- type:Boolean,default:false},freeTitleStatus:{type:Boolean,default:true},// 试看比例
- freeRate:{type:Number,default:100},setting:{type:Object,default:function _default(){}},controls:Boolean,height:String,src:{type:String,default:''},poster:{type:String,default:''},styleValue:{type:Object,default:function _default(){return{};}},preload:{type:String,default:'auto'},currentTime:{type:Boolean,default:true},playsinline:{type:Boolean,default:true},onPlay:{type:Function,default:function _default(){}}},data:function data(){return{player:null,// playTime: 0,
- loading:true,// 首次进入加载中
- trySeeOver:false,// 试看是否结束
- showSeeStatus:true// 是否显示试看状态
- };},mounted:function mounted(){var _this2=this;this._init();listenerMessage('setVideoPlayer',function(result){var content=result===null||result===void 0?void 0:result.content;if(content.status==='pause'){_this2.player.pause();}});},beforeUnmount:function beforeUnmount(){postMessage({api:'limitScreenRecord',content:{type:0}});},computed:{computedSeeStatus:function computedSeeStatus(){console.log(this.showSeeStatus,this.trySee,this.trySeeOver,'this.showSeeStatus, this.trySee');return this.showSeeStatus&&this.trySee;},playTime:function playTime(){// 允许播放时间
- var player=this.player;var playTime=player.duration*this.freeRate/100;return playTime||0;}},methods:{_init:function _init(){var _this3=this;// controls: [
- // 'play-large' , // 中间的大播放按钮
- // 'restart' , // 重新开始播放
- // 'rewind' , // 按寻道时间倒带(默认 10 秒)
- // 'play' , // 播放/暂停播放
- // 'fast-forward' , // 快进查找时间(默认 10 秒)
- // 'progress' , // 播放和缓冲的进度条和滑动条
- // 'current-time' , // 播放的当前时间
- // ' duration' , // 媒体的完整持续时间
- // 'mute' , // 切换静音
- // 'volume', // 音量控制
- // 'captions' , // 切换字幕
- // 'settings' , // 设置菜单
- // 'pip' , // 画中画(当前仅 Safari)
- // 'airplay' , // Airplay(当前仅 Safari)
- // 'download ' , // 显示一个下载按钮,其中包含指向当前源或您在选项中指定的自定义 URL 的链接
- // 'fullscreen' , // 切换全屏
- // ] ;
- var controls=['play-large','play','progress','captions','fullscreen'];if(this.currentTime){controls.push('current-time');}var params=_objectSpread(_objectSpread({controls:controls},this.setting),{},{invertTime:false});if(browser().iPhone){params.fullscreen={enabled:true,fallback:'force',iosNative:true};}this.player=new Plyr(this.$refs.video,params);// fullscreen: {
- // enabled: true,
- // fallback: 'force',
- // iosNative: true
- // }
- this.player.elements.container?this.player.elements.container.style.height=this.height||'210px':null;if(this.preload==='none'){this.loading=false;}this.player.on('loadedmetadata',function(){_this3.loading=false;console.log('loading 1111');if(_this3.trySee){_this3.domPlayVisibility();}else{_this3.domPlayVisibility(false);}// 监听播放事件
- var _this=_this3;_this3.player.on('timeupdate',function(){var players=_this.player;if(players.currentTime>=_this3.playTime&&_this.trySee){players.pause();_this.trySeeOver=true;_this.showSeeStatus=true;_this.domPlayVisibility();// 试看结束后隐藏播放按钮
- }});});this.player.on('play',function(){postMessage({api:'getDeviceStatus',content:{type:'video'}},function(res){// 判断是否在录屏中, 如果在录屏则不允许播放
- if(res.content.status=='1'){Toast('为了保证数据安全,请不要录屏');_this3.player.pause();}});postMessage({api:'limitScreenRecord',content:{type:1}});_this3.onPlay&&_this3.onPlay();});this.player.on('enterfullscreen',function(){console.log('fullscreen');var i=document.createElement('i');i.id='fullscreen-back';i.className='van-icon van-icon-arrow-left video-back';i.addEventListener('click',function(){_this3.player.fullscreen.exit();});console.log(document.getElementsByClassName('plyr'));document.getElementsByClassName('plyr')[0].appendChild(i);});this.player.on('exitfullscreen',function(){console.log('exitfullscreen');var i=document.getElementById('fullscreen-back');i&&i.remove();});},// 操作功能
- domPlayVisibility:function domPlayVisibility(){var hide=arguments.length>0&&arguments[0]!==undefined?arguments[0]:true;var controls=document.querySelector('.plyr__controls');var controls2=document.querySelector('.plyr__control--overlaid');if(hide){controls===null||controls===void 0?void 0:controls.setAttribute('style','display:none');controls2===null||controls2===void 0?void 0:controls2.setAttribute('style','display:none');}else{controls===null||controls===void 0?void 0:controls.removeAttribute('style');setTimeout(function(){controls2===null||controls2===void 0?void 0:controls2.removeAttribute('style');},200);}},onClickPlay:function onClickPlay(){this.player.play();this.domPlayVisibility(false);this.showSeeStatus=false;},onBuy:function onBuy(){this.$router.back();},onReplay:function onReplay(){this.player.restart();this.player.play();this.domPlayVisibility(false);this.trySeeOver=false;this.showSeeStatus=false;}},unmounted:function unmounted(){var _this$player;(_this$player=this.player)===null||_this$player===void 0?void 0:_this$player.destroy();},render:function render(){var _this4=this;return createVNode("div",{"class":styles['video-container']},[createVNode("video",{"ref":"video","class":styles['video'],"src":this.src,"playsinline":this.playsinline,"poster":this.poster,"preload":this.preload,"style":_objectSpread({},this.styleValue)},null),this.loading&&createVNode("div",{"class":styles.loadingVideo,"style":{height:this.height||'210px'}},[createVNode(Loading,{"size":36,"color":"#2dc7aa","vertical":true,"style":{height:'100%',justifyContent:'center'}},{default:function _default(){return[createTextVNode("\u52A0\u8F7D\u4E2D...")];}})]),this.trySee&&this.computedSeeStatus&&!this.loading&&createVNode("div",{"class":[styles.loadingVideo,styles.playOver],"style":{height:this.height||'210px'}},[!this.trySeeOver?createVNode(Fragment,null,[createVNode(Icon,{"name":iconVideoPlay,"size":50,"onClick":this.onClickPlay},null),createVNode("p",{"class":styles.freeTxt},[createTextVNode("\u514D\u8D39"),this.freeTitleStatus?'试看':'领取'])]):createVNode(Fragment,null,[createVNode("p",{"class":styles.tips},[this.freeTitleStatus?'免费试看结束,购买完整课程后继续学习':'试看结束,领取课程后继续学习']),createVNode(Button,{"class":styles.btn,"type":"primary","round":true,"size":"small","onClick":this.onBuy},{default:function _default(){return[state.platformType==='STUDENT'?_this4.freeTitleStatus?'立即购买':'免费领取':'返回'];}}),createVNode("div",{"class":styles.replay,"onClick":this.onReplay},[createVNode(Icon,{"name":"replay","style":{marginRight:'5px'},"size":16},null),createTextVNode("\u91CD\u64AD")])])])]);}}));}};});})();
|