控制 video 标签的控制栏组件

Posted 2023-03-04

参考技术A 当 video 标签添加上 controls 属性时，页面上会显示出所有的控制组件。若有些组件不需要只需要在css中设置相关属性把它隐藏掉即可。

 <video

              style="width:500px;height:100%"

              controls="controls"

              autoplay

              poster="视频未加载时封面图片"

              id="video"

   ></video>

//全屏按钮

video::-webkit-media-controls-fullscreen-button

display: none;

   

    //播放按钮

video::-webkit-media-controls-play-button

display: none;

   

    //进度条

video::-webkit-media-controls-timeline

display: none;

   

    //观看的当前时间

video::-webkit-media-controls-current-time-display

display: none;

   

    //剩余时间

video::-webkit-media-controls-time-remaining-display

display: none;

   

    //音量按钮

video::-webkit-media-controls-mute-button

display: none;

   

video::-webkit-media-controls-toggle-closed-captions-button

display: none;

   

    //音量的控制条

video::-webkit-media-controls-volume-slider

display: none;

   

    //所有控件

video::-webkit-media-controls-enclosure

display: none;

   

与标签栏控制器和标签栏有点混淆

【中文标题】与标签栏控制器和标签栏有点混淆

【英文标题】：Little confusion with tab bar controller and tab bar

【发布时间】：2014-07-25 10:46:12

【问题描述】：

我想提供一个在3个视图控制器之间切换的机会。我不使用导航控制器。相反，我更喜欢标签栏。在xcode中我们有标签栏控制器和标签栏。提供独立的目的是什么标签栏对象？我的意思是当您拖动标签栏控制器时，它会创建控制器和 2 个项目，并且它们已经有了标签栏。这不意味着我可以在没有视图控制器的情况下使用它吗？

【参考方案1】：

是的，UITabBar 是一个独立的预定义 UI 元素，您可以在任何地方使用。将它与UITabBarController 结合使用可以让您轻松处理与UITabBar 相关的事件，因为您不需要自己实现大部分逻辑。

【讨论】：

在哪里？我可以通过什么方式访问独立的标签栏？

喜欢在上面贴一个标签，然后在控制器 UITabBar 的某处调用 tabBar = (UITabBar)[self.view viewWithTag:tag]?

因为无法创建 IBOutlet

【参考方案2】：

UITabBar 继承自 UIView，而 UITabBarController 继承自 UIViewController 并响应 UITabBarDelegate 和 NSCoding 协议。

此外，UITabBarController 提供自动机制和逻辑 - 另一个更灵活，以防您必须以不同方式实现。

【讨论】：

也不错，但我想听听他们可以独立存在