zoukankan      html  css  js  c++  java
  • 控制条

    <video/> 的属性 controls:

    全屏时,默认控制条 现象的归纳:

    1、windows chrome 版本 46.0.2490.86 m

    video::-webkit-media-controls
    {
      display:none !important;
    }

    video::-webkit-media-controls-enclosure
    {
      display:none;
    }

    上面两者,只设置一个 即可使 默认的控制条隐藏掉,且不会影响到 自己写的<div/>的显示

    2、android chromev41

    2.1、

    video::-webkit-media-controls
    {
      display:none !important;
    }

    这个设置之后,默认控制台 和 自己写的<div/> 都显示不出来。

    ZC:观察了一下,貌似 自己写的<div/> 虽然看不见,但是仍然可以被点击到...

    2.2、

    video::-webkit-media-controls-enclosure
    {
      display:none;
    }

    只设置这个的话,在 video播放的时候  自己写的<div/>能够显示出来,在 video暂停的时候 自己写的<div/>看不到...

    干脆:

    在 Android上,不隐藏 默认的控制条了,默认的控制条 一般显示在视频下方,把 自己写的<div/> 显示在视频上方 得了...

  • 相关阅读:
    Java基础 Day02(个人复习整理)
    Java基础 Day01(个人复习整理)
    linux-rpm
    linux常用命令
    rpm构建流程学习总结
    git相关
    sql相关
    ssh打通
    element ui FORM表单
    python threading多线程
  • 原文地址:https://www.cnblogs.com/codeskilla/p/5013445.html
Copyright © 2011-2022 走看看