zoukankan      html  css  js  c++  java
  • 移动app+h5混合开发之ios系统video

    资料为网络搜索整理,仅限学习交流使用!!!

    video属性:

    基础属性

     id="video" 
      src="video.mp4" 
      controls = "true" // 播放控制器-默认false
      poster="images.jpg"  // 视频封面
     style="object-fit:fill" // 视频文件样式,fill 填充
     autoplay //出现这个属性表示开启自动播放,默认false
    preload="auto" // 规定是否在页面加载后载入视频,如果设置了autoplay属性则忽略该属性

    特殊属性
    webkit-playsinline="true" /* 这个属性是ios 10中设置可以让视频在小窗内播放,也就是不是全屏播放*/ playsinline="true" // IOS微信浏览器支持小窗内播放 x-webkit-airplay="allow" //自动播放授权,部分机型无效 x5-video-player-type="h5" // 启用H5播放器,是wechat安卓版特性 x5-video-player-fullscreen="true" // 全屏设置,设置为 true 是防止横屏 x5-video-orientation="portraint" // 播放器的方向, landscape横屏,portraint竖屏,默认值为竖屏

    一.iOS webview中video标签播放视频导致状态栏异常

    h5用video标签播放视频,系统会弹起一个window用AVPlayerViewController播放视频,导致异常,可以在控制器中监控window退出,在回调方法中解决问题。

    eg:

    1.通知:receiveWindowDidBecomeHiddenNotification

    2.收到通知处理

    - (void)receiveNotification:(NSNotification *)noti{
        
        UIWindow *window = (UIWindow *)noti.object;
        if(window){
            UIViewController *root = window.rootViewController;
            NSArray *arr = root.childViewControllers;
            if(arr.count>0&&[arr.firstObject isKindOfClass:NSClassFromString(@"AVPlayerViewController")]){

    /*   代码   */
            }
        }
    }

    二,webview属性

    iOS:

    1.allowsInlineMediaPlayback

    是否能播放内联视频,iPhone的默认值为false,iPad的默认值为true。

    将此属性设置为true可以内嵌播放视频否则使用本机全屏控制器播放。 

    2.mediaTypesRequiringUserActionForPlayback

    设置为NO,可以h5决定自动播放,否则,无论h5如何设置,都需要用户点击才能播放。

  • 相关阅读:
    element-ui获取table行数据
    去掉输入框的边框以及在显示获取焦点时的边框+jq日期选择器
    需要ui的小伙伴看过来(这篇博客只有一个链接希望对大家有用)
    vue获取当前对象
    FlashFXP用到的功能
    VS Code做项目的笔记
    单点登陆
    idea中自动生成实体类
    VSCode安装
    数组排序
  • 原文地址:https://www.cnblogs.com/hanlengyao/p/14282024.html
Copyright © 2011-2022 走看看