解決uniapp ios播放本地視頻不顯示controls的問題、uni-app video開始播放如何設置默認全屏


一、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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM