javascript – 覆盖在ipad中动态插入的视频标记

概述我目前正在开发支持ipad的视频播放器. 它更像是一个jquery插件.它在桌面上运行良好,我甚至设法在ipad上添加我的自定义控件. 到现在为止还挺好. 问题是我正在动态创建和插入视频元素,这有点混淆了ipad.我遵循这种方法,因为我发现(经过几个小时),如果你试图将视频包装($.wrap)到一个容器中,视频就会崩溃. 插入视频后,它几乎正常运行(可播放并响应事件),但它的位置/显示属性混乱：我 我目前正在开发支持ipad的视频播放器.
它更像是一个jquery插件.它在桌面上运行良好,我甚至设法在ipad上添加我的自定义控件.
到现在为止还挺好.
问题是我正在动态创建和插入视频元素,这有点混淆了ipad.我遵循这种方法,因为我发现(经过几个小时),如果你试图将视频包装($.wrap)到一个容器中,视频就会崩溃.
插入视频后,它几乎正常运行(可播放并响应事件),但它的位置/显示属性混乱：我无法在其上添加任何叠加.这是一个问题,因为我希望我的控件能够显示在视频之上.

此外,视频本身不响应正常的touchmove touchstart touchend事件.经过一些研究后发现,如果您没有打开默认控件,视频会捕获所有事件(iPad touch events on <video> tag).
我的第二个问题是,在包含默认控件之后,视频元素似乎仍然忽略了我的事件处理程序.

所以,我的问题是(都只在Ipad案例中)：

>你有没有遇到过这个问题,当然如果你这样做了,你是如何解决这个问题的？
>只做硬编码的视频元素会触发事件吗？

解决方法 经过一番挖掘,我找到了答案.
看起来 this stackoverflow question中没有标记的答案是关键.
所以,正如 Jaffa The Cake(我有一桶感谢)sais：“你可以通过提供视频元素-webkit-transform-style：preserve-3d来修复动态创建的视频的z-index”,唯一的解决方法是使用CSS3属性-webkit-transform-style：preserve-3d. 这样,可以在视频顶部放置叠加层,可以处理所有事件(例如播放/暂停). 总结

以上是内存溢出为你收集整理的javascript – 覆盖在ipad中动态插入的视频标记全部内容，希望文章能够帮你解决javascript – 覆盖在ipad中动态插入的视频标记所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。