zoukankan      html  css  js  c++  java
  • 阻止 iPhone 视频自动全屏

    最近一年都在做直播,遭video 全屏的问题困扰了很久。
    下面将阻止 ios视频自动全屏的办法写出来。
    添加
    playsinline 和 webkit-playsinline="true";
    例如:
    <video id="video" playsinline webkit-playsinline ></video>

    备注:
      1、此方法仅仅针对 ios有效(safari、微信都有效)。
      2、
    playsinline属性针对ios 10以上系统有效。
      3、
    webkit-playsinline属性针对ios10以下系统有效。
      4、安卓目前没有办法(机型不一样自带浏览器也效果也不一样,有一部分浏览器是可以小窗播放的。)
    --------------------
    更新 2017-11-6
    阻止安卓版微信 视频自动全屏的代码。
    添加 x5-playsinline
    例如:
    <video id="video"
    x5-playsinline ></video>
    备注:此方法仅仅针对安卓版微信有效。
     
  • 相关阅读:
    flexible
    arcgis
    vue 语法糖
    sass 的安装 编译 使用
    nodeJs
    微信小程序
    linux cgroups 简介
    git命令
    sublime笔记
    工程优化学习(进退法、黄金分割法、二次插值法、三次插值法、最速下降法)
  • 原文地址:https://www.cnblogs.com/luobiao/p/6237900.html
Copyright © 2011-2022 走看看