zoukankan      html  css  js  c++  java
  • 解决uniapp ios播放本地视频不显示controls的问题、uniapp 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%; 100%">

    </video>
  • 相关阅读:
    c-指针
    iOS 多线程
    iOS 必备技术点
    网络请求
    objective-c基础教程——学习小结
    id类型
    排序算法
    iOS网络
    iOS 绘图
    Python——字符串2.0(实验)(python programming)
  • 原文地址:https://www.cnblogs.com/goloving/p/15568231.html
Copyright © 2011-2022 走看看