程序员经验分享-hwhale

iPad Safari 忽略 html5 视频上方的 div onclick

2024-01-10

我在使 div 元素可点击时遇到问题。我在屏幕上有一个 HTML5 视频，在视频结束事件之后，我使用 z-index 属性创建了一些位于视频上方的 div 元素。 录制这个 div 时没有任何反应，但如果这个 div 不位于视频上方，则一切正常。 有人有解决这个问题的方法吗？


如果您禁用视频元素上的控件，那么它不会窃取您的点击事件。然后，您必须创建自定义控件才能使其正常运行！

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

iPad

html

video

safari

iPad Safari 忽略 html5 视频上方的 div onclick 的相关文章

  • 如何使用表单上的提交按钮传递参数

    我想创建一个可以更改 PHP 制作的 mySQL 中的产品数据的程序 我有自动递增并指定每个产品的键列 当我单击编辑产品链接时 它将传递我从每个产品获得的键值 并链接到 editPage php Key data Key a href ed

  • 为什么我的 onclick 事件自动触发

    加载页面时最初显示 Hello World 我希望它仅在单击按钮后显示 我知道我可以通过向按钮添加内联事件侦听器来做到这一点 我可以只用脚本编写所有这些代码吗

  • 转换 SVG 过滤器

    我正在尝试创建一个像 SVG 圆圈上的阴影这样的材质设计 我希望当您单击圆圈时 这个阴影能够以良好的过渡来增长 但目前我正在努力弄清楚是否可以为这种过渡设置动画 所以我希望有人能够提供帮助 我添加了一个到目前为止所得到的小例子 一个带有阴影

  • 如何使用 PHP 从 MySQL 查询中按升序对值进行排序？

    我使用以下 PHP 脚本从 MySQL 表中获取和更改数据 并将结果打印在 HTML 表中 我希望按升序对数据进行排序 utilization percentage变量 它是由创建的 total client time total avai

  • 在浏览器上录制视频并上传到LAMP服务器

    我已经尝试了很多东西 red5 jquery 网络摄像头 html5 但这些解决方案都没有录制视频并准备好上传到服务器 无论如何 html5 flash 等等 更好的跨浏览器解决方案 最好的 上传视频 音频 并将结果上传到服务器 我猜是通过

  • 响应式菜单：悬停子菜单显示错误

    简而言之 我根据教程创建了一个响应式菜单 当您将鼠标悬停在投资组合按钮上时 菜单应该显示子菜单 而在移动模式下 您需要按该按钮才能显示子菜单 效果很好 问题是该教程有一个错误 如果您在桌面模式下按组合按钮 子菜单将不会再次显示 除非您按 单

  • css如何让文本底部对齐？

    怎么做怎么做 a 文字底部对齐吗 我已经添加了height line height and vertical align bottom 但文本仍然在 div 的中间 怎么做 谢谢 Test in http jsfiddle net BanA

  • 如何对 bootstrap-3 分页进行编程以处理简单的 HTML 内容

    我正在 新闻 部分工作 并尝试使用 jquery 使 bootstrap 3 分页工作 分页的 HTML

  • 获取 Angular ng-option 下拉列表的选定文本

    我的角度代码中有这个下拉列表 div class btn group div

  • 等宽字体中的字体大小和字符宽度之间有什么依赖关系？

    等宽字体中的字体大小和字符宽度之间有什么依赖关系 在我的网络应用程序中 我使用 courier new 字体 我想知道 字符串的实际长度 以像素为单位 是多少 如果我知道CSS font size属性 它如何帮助我知道字符串的实际长度 谢谢

  • 列表中允许 div 吗？ [复制]

    这个问题在这里已经有答案了 我知道DIV inside LI是不允许的 但我最近在许多 大 网站上看到了它 例如粉碎杂志 网页设计师墙 etc 我尝试验证网站 但它们有错误 但没有任何信息DIV in LI 那么我可以在里面使用它吗LI 我

  • JSP中如何在两个变量之间插入空格？ [复制]

    这个问题在这里已经有答案了 我在 JSP 页面上的表单中有一行 html 如下所示

  • ExitFullScreen 不起作用 + 无论如何要按键盘单击按钮？

    我的浏览器 Google Chrome 版本 33 0 1750 154 m Script function exitFullscreen var element document documentElement if element mo

  • css：将div制作成圆角并在其3/4处添加边框

    我有这样的代码 div class circle div and css circle border left 1px solid red border bottom 1px solid red border radius 200px wi

  • 如何使用javascript隐藏div

    我想使用 Javascript 隐藏一个 div 下面是我的div div class ui dialog titlebar ui widget header ui corner all ui helper clearfix span cl

  • 从 html 页面和 javascript 调用 java webservice

    我正在尝试从 javascript 调用 java 实现的 Web 服务 使用 NetBeans IDE 我读过很多关于 jQuery 和 AJAX 的内容 但我似乎无法掌握它 假设我的 Web 服务 WSDL 位于 http localh

  • 为 Gmail 设计 HTML 电子邮件

    我正在生成一封使用内部样式表的 html 电子邮件 即 h2 class foo Email content here 在 Gmail 中查看时 内部样式表中的所有样式似乎都被忽略 Gmail 似乎忽略了内联规则以外的所有样式 例如 h2

  • iframe 位置居中

    所以我找到了这段用于将内容放在中心的代码 但我的问题是它是为容器制作的 你知道如何为 iframe 制作它吗 或者你知道另一个代码吗 代码 center margin auto width 60 border 3px solid 73AD2

  • 在 Selenium WebDriver 上如何从 Span 标签获取文本

    在 Selenium Webdriver 上 如何从 span 标记检索文本并打印 我需要提取文本UPS Overnight Free HTML代码如下 div id customSelect 3 class select wrapper

  • 如何在 Aframe 中的平面上加载 gif（具有透明度）（故障）？

    大家好 我是 Aframe 的新手 正在尝试在空间网络环境中设置一大堆 gif 我在飞机上加载 gif 时遇到了一些困难 我已经通过 Aframe 的资产文件夹加载了图像 故障 目前它看起来像这样

随机推荐

  • 计算拟合框数量的算法

    我有一个客户卖酒瓶 他使用可容纳 6 瓶 12 瓶 18 瓶和 21 瓶的盒子 但他只想接受完全适合这些盒子的订单 里面不能有任何空白 E g 33 即可 1x21 和 2x6 48 即可 2x21 和 1x6 或 4x12 26 35 6

  • 通过正则表达式的 split 函数分割表情符号字符串

    我想使用 Javascript 的 split 函数来分割表情符号字符串 stackoverflow上有很多类似的问题 但我找不到任何完整的解决方案 所以我用我自己的方式来做 a 将 split 函数与正则表达式结合使用 b 通过正则表达式

  • java中比较二维数组

    我正在寻找一种简单的方法来检查两个二维数组是否具有完全相同的内容 理想的情况是不使用任何 for 循环 但如果这是唯一可能的方式 那就这样吧 谢谢您的帮助 考虑使用Arrays deepEquals http java sun com ja

  • C# 控制台会因写入行过多而溢出吗？

    如果我有一个每秒多次执行 Console Writeline 的程序 并且该程序长时间运行 控制台是否会因行数过多而溢出 我只是想知道它最终是否会抛出 IO 异常 或者 Console Writelines 的数量是否几乎是无限的 不 它不

  • 当代码为 401 时，如何在 okhttp 中获取响应正文？

    我正在使用 OkHttp 3 2 0 这里是构建请求对象的代码 MediaType JSON MediaType parse AppConstants CONTENT TYPE VALUE JSON RequestBody body Req

  • 过滤后的列表项将打开原始列表项的活动

    经过大量时间在这里和其他地方的搜索后 我无望找到解决方案 所以这是我的问题 我创建了一个列表视图 并在其之上添加了一个搜索栏 当我使用搜索栏来过滤结果时 当我单击第 7 项时 它总是从第一个活动开始 而不是打开特定的单击活动 即 7 我期待

  • 安装 OpenCV for Python（多个 python 版本）

    我的机器上安装了两个不同版本的 python 2 4 和 2 7 我正在尝试安装 2 7 版本的 OpenCV 2 4 5 cmake D CMAKE BUILD TYPE RELEASE D CMAKE INSTALL PREFIX us

  • Swift 中的 For 循环

    突然 我在Apple文档中学到的for循环结构停止工作 它显示一个错误 预期声明 谁能告诉我新语法是什么 let CirclePoints 84 var circlePoint 0 for circlePoint in 0

  • 合并树结构中分支的模式或算法？

    我正在尝试将 DAG 有向无环图 映射到下面显示的结构中 这是我开始的 DAG 的示例 其中弧线总是从左向右 然后 我恢复该图并将其跨越到具有重复节点的树中 如下所示 我正在寻找的是一些算法或模式来实现以下合并结构 注意再次恢复 目标是生成

  • Angular 应用程序无法在 Azure 上找到资产文件

    我刚刚通过运行 ng build prod 并将其推送到 git 将我的 Angular 应用程序部署到 azure 但收到 404 错误 指出它找不到资产文件夹中的 json 文件 我也尝试过运行 ng build prod base h

  • 如何从 Eclipse 设置 java.library.path

    我怎样才能设置java library path对于整个 Eclipse 项目 我正在使用一个依赖于操作系统特定文件的 Java 库 并且需要找到一个 dll so jnilib 但应用程序总是退出并显示一条错误消息 指出在库路径上找不到这

  • 使用 OpenCV3 进行视频中的人脸识别时出现未处理的异常 (opencv_core310.dll)

    下面的代码用于识别我从下面的链接获得的脸部 http docs opencv org 3 0 beta modules face doc facerec tutorial facerec video recognition html htt

  • Firebase：如何将视频存储在存储中，然后将视频 URL 存储在数据库中？

    这是我第一次使用 Firebase 我读到您应该将视频存储在存储中 然后将该唯一的 URL 存储在其数据库中 我将如何采取这种方法 例如 如果用户请求播放特定视频 我如何从数据库中获取 URL 然后使用该 URL 将视频从数据库中提取出来

  • 使用字符串引用时，引用 Powershell 数组索引会产生意外结果

    我试图找出为什么会发生以下情况 如果您有 arr Filename1 Filename2 for i 0 i le arr Length 1 i write host arr i write host arr i write host ar

  • 使用 AVPlayer 时保持良好的滚动性能

    我正在开发一个有集合视图的应用程序 并且集合视图的单元格可以包含视频 现在我正在使用以下方式显示视频AVPlayer and AVPlayerLayer 不幸的是 滚动性能很糟糕 这好像是AVPlayer AVPlayerItem and

  • 当图像较小时，在引导模式中垂直对齐中心

    我正在使用引导模式来显示不同尺寸的图像 我希望模态主体具有最小的宽度和高度 实际上是 600 400 因此 当图像较大时 它会扩展并运行良好 但当图像的高度低于 400 像素时 图像会在顶部 垂直 对齐 所以我想将它垂直对齐在模态主体的中间

  • gwt 的日期时间库

    我正在开发一个 gwt 应用程序 其中涉及对日期时间的高级操作 从一个时区转换到另一个时区等 Gwt 有一些用于处理日期的低级内容 但它们对我来说太低级了 gwt 是否有类似于 joda time 或 Threeten 的选项 您可以查看以

  • 如何获取 Python OrderedDict 中的前 3 个元素？

    如何获取 Python OrderedDict 中的前 3 个元素 也可以从该字典中删除数据 例如 如何获取 Python OrderedDict 中的前 3 个元素并删除其余元素 让我们创建一个简单的OrderedDict gt gt g

  • Angular2 模板解析错误：嵌入模板上的任何指令均未使用属性绑定 ngFor

    这是 Angular2 模板

  • iPad Safari 忽略 html5 视频上方的 div onclick

    我在使 div 元素可点击时遇到问题 我在屏幕上有一个 HTML5 视频 在视频结束事件之后 我使用 z index 属性创建了一些位于视频上方的 div 元素 录制这个 div 时没有任何反应 但如果这个 div 不位于视频上方 则一切正

热门标签