一、uniapp ios播放本地視頻不顯示controls的問題
1、問題背景:在 app 上做視頻課程緩存下載觀看的功能,把視頻下載,利用本地地址查看,在安卓是正常的,但是在 ios 時會沒有 video 的 controls (暫停、全屏、進度條)那些
2、問題原因:不清楚,可能是 uniapp 設備適配的問題,試了好幾個設備 - 安卓設備均正常、ios 設備均不正常
3、解決方案:后來想到既然 ios 不能顯示 controls,我們使用 controls 主要也是為了展示全屏觀看,那么能不能在播放視頻的時候就默認 video 全屏展示播放呢 - 后來發現默認全屏之后,這個問題就解決了,神奇
二、uni-app video開始播放默認全屏
1、第一種方式:requestFullScreen() 方法
<video id="myVideo" :autoplay="true" :src="curVideoUrl" controls></video>
this.$nextTick(_ => { let _myVideo = uni.createVideoContext('myVideo') _myVideo && _myVideo.requestFullScreen() })
// 獲取 video 上下文 videoContext 對象
this.videoContext = uni.createVideoContext('video_play'); // 進入全屏狀態
this.videoContext.requestFullScreen();
2、第二種方式:通過 style 設置寬高均 100%
<video id="video_play"
:src="videosrc"
loop="false"
autoplay="true"
object-fit="fill"
page-gesture="true"
controls="false"
style="height: 100%;width: 100%">
</video>