基于vue-video-player自定义播放器的方法

2020-06-12 21:24:31易采站长站整理

                 @timeupdate=”onPlayerTimeupdate($event)” 
                 @statechanged=”playerStateChanged($event)” 
                 @ready=”playerReadied” 
                 > 
                  
                  <!– @canplay=”onPlayerCanplay($event)” –> 
                   <!– @canplaythrough=”onPlayerCanplaythrough($event)” –> 
                 
       </video-player> 
       <!– 底部进度条 start –> 
         <transition name=”fade”> 
                <div class=”bottomCtrl” v-show=”isBottomCtrlShow” id=”bottomCtrl”> 
                    <!–  –> 
                    <!– <div class=”bottomCtrl” v-show=”false”> –> 
                <!– <div class=”bottomCtrl”  > –> 
                     
                    <Slider v-model=”playerCtrl.currentTimeInt” class=”progress-slider” :max=”playerCtrl.durationInt” :tip-format=”progressTipFormat” @on-change=”progressChange”></Slider> 
                    <div class=”clearfix” > 
                        <div class=”left”>