ios横竖屏转换相关<全屏播放界面处理>

一直想写一篇关于屏幕旋转的文章,最近抽出些时间整理了下之前项目用到的屏幕旋转相关问题。
1.单个控制器开启转屏
2.自定义播放器横屏时全屏,连接投影仪时手机横屏,显示也为横屏

单个控制器开启转屏 需配置以下几点

在AppDelegate配置转屏属性

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

    // 横竖屏设置
    NSUserDefaults *de = [NSUserDefaults standardUserDefaults];
    [de setBool:NO forKey:@"SOrientations"];
    return YES;
}
// MARK: - 横竖屏设置
-(UIInterfaceOrientationMask)application:(UIApplication *)application supportedInterfaceOrientationsForWindow:(UIWindow *)window{

    NSUserDefaults *de = [NSUserDefaults standardUserDefaults];
    bool a = [de boolForKey:@
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iOS上,<video>标签默认是不支持自动全屏播放的。但是,你可以通过以下方式实现自动全屏播放,并且在横时自动切换到横模式: 1. 在<video>标签中添加webkit-playsinline属性,这将允许视频在页面内播放而不是全屏播放。 ``` <video src="video.mp4" webkit-playsinline></video> ``` 2. 为了实现自动全屏播放,你需要使用JavaScript来控制<video>标签。在页面加载完成后,使用以下代码将视频播放: ``` var video = document.querySelector('video'); video.play(); ``` 3. 为了在横时自动切换到横模式,你需要在JavaScript中监听幕旋转事件(orientationchange),并在事件发生时修改<video>标签的样式,将其宽度设置为幕的高度,将其高度设置为幕的宽度,同时还需要将页面的viewport元标签设置为允许横显示: ``` //监听幕旋转事件 window.addEventListener("orientationchange", function() { if (window.orientation == 90 || window.orientation == -90) { //横时将视频全,并修改viewport元标签 document.querySelector('video').style.width = window.innerHeight + 'px'; document.querySelector('video').style.height = window.innerWidth + 'px'; document.querySelector('meta[name=viewport]').setAttribute('content', 'width=device-height, initial-scale=1.0'); } else { //竖时将视频恢复原始尺寸,并修改viewport元标签 document.querySelector('video').style.width = '100%'; document.querySelector('video').style.height = 'auto'; document.querySelector('meta[name=viewport]').setAttribute('content', 'width=device-width, initial-scale=1.0'); } }); ``` 这样就可以实现iOS上<video>标签的自动全屏播放,并且在横时自动切换到横模式。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值