程序员经验分享-hwhale

修改默认的 HTML5 视频控件

2023-12-09

我有一个相当不寻常的问题要问你们；这可能很愚蠢，但我是这个领域的新手，我真的很感激一些帮助。

正如标题所示，我想知道是否有一种方法可以禁用默认浏览器控件中的特定按钮HTML5 video.

我知道每个浏览器都有自己独特的一组控件，所以我认为我不能用CSS。 如果这是不可能的，是否有可能以某种方式通过Javascript视频全屏显示到另一个事件的事件？

我正在考虑制作自定义控件或使用预制播放器，但如果可能的话，我希望不使用其中任何一个。

我很感激任何帮助。


您无法隐藏特定的本机控件。您可以使用它们或通过隐藏它们controls属性。

至于使用监听全屏事件以及视频 API 提供的其他事件，longtail对不同浏览器和设备之间的兼容性或缺乏兼容性进行了广泛的研究。

您可以在视频元素顶部制作自己的 css 控件，并通过以下方式控制不同的操作：HTML5 媒体 API此处演示。

对于全屏类型的内容，我建议查看代码here因为它是专门为 Vimeo HTML5 播放器编写的。

处理视频 API 是一场噩梦，具体取决于您想要获得多少支持。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

customcontrols

html5video

修改默认的 HTML5 视频控件 的相关文章

随机推荐

  • 在Prolog中逐行读取文件

    我想读取一个纯文本文件并对每一行应用一个谓词 谓词包含write其输出 我该怎么做呢 您可以使用read读取流 记得调用at end of stream以确保没有语法错误 例子 读文件 pl main open myFile txt rea

  • NSAutoresizingMaskLayoutConstraint 的 UITableViewCell 舍入错误，但在 Storyboard 和 heightForRowAtIndexPath 中正确设置大小：

    我正在尝试使用 AutoLayout 在表视图单元格中配置子视图 在理想情况下 希望表视图单元格的高度足以包含所有子视图 然而 这似乎不可能 因为单元的高度是在实际创建单元之前确定的 因此 现在 我只是查看了设置的约束并计算了包含所有内容所

  • 每个项目的 Terraform 都有不同的后端

    我是 Terraform 的新手 仍在研究文档 尚未找到一种方法来适应我需要实现的特定解决方案的设置 并希望某种灵魂能够能够推动我朝正确的方向前进 我正在尝试管理一组参数化模板 这些模板部署支持我们在 GCP 中开发的新应用程序所需的一切

  • Neo4j 中带空格的全文搜索

    当 neo4j lucene 自动索引处于精确模式 默认 时 查询类型为 start n node node auto index name asfd a return n 正常工作 假设您有一个名为asdf adsf例如 但是 当将索引切

  • 使用 Docker Swarm 和覆盖网络进行组播

    我正在测试使用多播进行发现的应用程序 我创建了一个 Swarm 集群和一个network create d overlay swarm net因此容器在多个 Swarm 代理主机之间共享相同的 LAN 发现好像不行 所以我安装了tshark

  • 新版本应用部署后需要重启apache + APC吗？

    当我们部署应用程序时 我们只需创建一个新文件夹并指向它的符号链接 这样 apache 就会始终找到最新版本 然而 当我们部署并继续测试而不首先重新启动 apache 服务器时 我们会遇到奇怪的错误 我们还运行了 APC 感觉缓存与此有关 当

  • 将数据从设备复制到主机时出现无效参数错误

    我在将数据从设备复制回主机时遇到问题 我的数据排列在一个结构中 typedef struct Array2D double arr int rows int cols Array2D arr是一个 平面 数组 rows and cols描述

  • 如何将 CORS 与 grails Rest API 一起使用？

    我正在使用 grails 开发 Rest Api 它正在 localhost 8080 上运行 当我与 POSTMAN 通话时 它以 json 响应 我想使用这些数据 并在其他域上运行的网页上执行 CRUD 操作 当我尝试调用用 grail

  • 解密使用 AES-128 加密的 M3U8 播放列表，无需 IV

    我目前正在构建一个用于下载 M3U8 播放列表的应用程序 但我遇到了一个问题 如果播放列表使用 AES 128 加密 例如有这样一行 EXT X KEY METHOD AES 128 URI https website com link k

  • R-标签中的剪切函数，无需科学记数法，可在 ggplot2 中使用

    我使用 cut 和 classIntervals 对 R 中的数据进行分组 然后使用 ggplot2 进行绘制 因此 按 n 3 的分位数进行切割的基本操作如下所示 library classInt a lt c 1 10 100 1000

  • Lua关闭/程序执行结束回调

    我正在为 Lua 编写一个模块 关闭 lua 解释器时 即使用户忘记隐式调用关闭例程 它也必须运行清理例程 该模块主要是用 C 编写的 我应该使用 Lua C Api 中的哪个回调来检测程序执行结束 我唯一的想法是在代表我的模块的表上使用

  • Angular 7 滤波器阵列

    我有以下角度组件 private json JsonResponseDTO constructor private dtoService PoolDTOServiceService ngOnInit this dtoService setJ

  • 如何使用 apt 安装指定版本的 Ruby

    我尝试安装指定版本 2 5 1 的 Ruby 该版本只是示例 并尝试执行以下脚本 但出现如下错误 是否可以使用 apt 安装来安装 Ruby 版本 以便我可以处理 Ruby 版本依赖性问题 sudo apt update sudo apt

  • rxjava：我可以使用 retry() 但有延迟吗？

    我在 Android 应用程序中使用 rxjava 来异步处理网络请求 现在我想仅在经过一定时间后重试失败的网络请求 有没有办法在 Observable 上使用 retry 但仅在一定延迟后重试 有没有办法让 Observable 知道当前

  • 为什么我收到“没有为复数定义排序关系”错误？

    See 这个问题一些背景 我在该问题上的主要问题已解决 建议我向另一个问题询问我遇到的第二个问题 print cubic 1 2 3 4 Correct solution about 1 65 if x gt 0 TypeError no

  • 如何在 django 模板中迭代查询集列表

    有没有办法在模板中迭代这个查询集列表

  • 解析 Prolog 中的表达式并返回抽象语法

    我必须编写 parse Tkns T 它接受标记列表形式的数学表达式并找到 T 并返回表示抽象语法的语句 尊重操作顺序和关联性 例如 parse num 3 plus num 2 star num 1 T T add integer 3 m

  • javascript - 在 html 中使用函数调用 - 坏还是好？

    使用 Angular 会带来很多奇怪的代码风格 比如我一直以为这个

  • 使用 PHP 和 Apache 路由 URL 路径

    我正在尝试为我的网站创建一个漂亮的网址结构 我的路由器类仅在 url 的样式为 something value 时才起作用 我如何得到它 它的工作方式如下 something value 在我的 htaccess 中我有 Options F

  • 修改默认的 HTML5 视频控件

    我有一个相当不寻常的问题要问你们 这可能很愚蠢 但我是这个领域的新手 我真的很感激一些帮助 正如标题所示 我想知道是否有一种方法可以禁用默认浏览器控件中的特定按钮HTML5 video 我知道每个浏览器都有自己独特的一组控件 所以我认为我不

热门标签