解决uniapp ios播放本地视频不显示controls的问题、uni-app video开始播放如何设置默认全屏
2023-09-11 14:19:54 时间
一、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>
相关文章
- (NO.00001)iOS游戏SpeedBoy Lite成形记(二十九):增加排行榜功能2
- RubyMotion之父:Ruby是目前替代Objective-C的最佳iOS开发语言
- iOS 开发 初级:应用内购买 In-App Purchase
- ios app在itunesConnect里面的几种状态
- 图文讲解:iOS App提交流程
- 使用PhoneGap命令行工具创建IOS PhoneGap项目及无证书真机调试
- iOS App集成Apple Pay教程
- 自己整理的ios app实现自动升级
- IOS runtime动态运行时二
- iOS定位原理和使用建议(转)
- ios开发,app调用资源文件到C++的方法
- 【IOS-COCOS2D游戏开发之三】CCSCENE切换的所有特效(28种)以及设置屏幕横竖屏!
- iOS中 蓝牙2.0详解/ios蓝牙设备详解
- IOS中KVC与KVO的应用解析
- 选择 Java 编写 iOS 与 安卓 App的八大理由
- ios xcode app被杀死了怎样打印调试 调试手动点开的APP 被系统唤醒的app的调试
- iOS block截获变量
- iOS swift app启动不走Main.storyboard
- ios app生命周期
- iOS 获取当前app的名称和版本号(swift)
- cordova cordova-plugin-dialogs插件的navigator.notification.confirm方法和alert的方法同时调用,在iOS上app会死掉
- cordova build ios时出现Cannot read property 'toLowerCase' of undefined
- Android 10.0 Launcher3仿ios长按app图标实现抖动动画开始拖拽停止动画
- iOS 通讯录-获取联系人属性