想做自定义控制栏,但是全屏之后控制栏没有了,而且真机上内部按钮点击很困难
<video :src="detail.url" id="trainVideo" ref="trainVideo" :muted="true" :enable-progress-gesture="false" :controls="false" :show-progress="false" @timeupdate="timeupdateFun" @ended="endPlay" @play="playFun" @pause="pauseFun" @fullscreenchange="handlerFullScreenChange">
<cover-image src="@/static/train/icon_back.png" @click="changeFullScreen" class="back-page" :class="[isFull ? 'full' : '']"></cover-image>
<cover-view class="custom-con" v-if="showControl" :class="[isFull ? 'full' : '']" @click.stop="">
<cover-view class="control-button " :class="[playLoading ? 'pause':'play']"></cover-view>
<cover-view class="current-time">{{currentTime}}</cover-view>
<cover-view class="propress">
<cover-view :style="'width:' + barWidth + '%'" class="propress-bar">
<cover-view class="yuan"></cover-view>
</cover-view>
</cover-view>
<cover-view class="duration">{{detail.time}}</cover-view>
<cover-view class="fullscreen" @click="changeFullScreen">
<cover-image src="@/static/train/big_screen.png" v-if="!isFull" class="icon"></cover-image>
<cover-image src="@/static/train/big_screen1.png" v-if="isFull" class="icon"></cover-image>
</cover-view>
</cover-view>
</video>
小杏 (作者)
这个插件我试了,真机上播放不了
2022-10-10 14:15