使用 JavaScript 包装 HTML5 视频元素会破坏 iOS 中的视频播放器

Posted 2023-03-12

【中文标题】使用 JavaScript 包装 HTML5 视频元素会破坏 iOS 中的视频播放器

【英文标题】：Using JavaScript to wrap the HTML5 video element breaks video player in iOS

【发布时间】：2011-11-11 20:01:28

【问题描述】：

我正在使用 javascript 将 html5 视频播放器包装在 div 中以进行样式设置。如果页面加载时存在标记，则播放器将正常运行。但是，如果我使用 JavaScript 动态应用包装器，播放器会变黑并且无法访问其控件。我已经测试了应用各种元素作为包装器，它似乎发生在任何块级元素上，但不是内联元素。我找不到有关此错误或其他通过 Google 遇到此错误的文档。有人有解决方法吗？

【问题讨论】：

HTML 和 JS 将是必需的，以便我们了解您想要做什么。

我可以回购它，但没有修复。对处理父母或定位的视频做任何事情似乎会破坏它：重新设置访问偏移*属性等。jQuery 有一个关于它的错误线程，标记为“无法修复”：bugs.jquery.com/ticket/8015

【参考方案1】：

我看到这是很久以前发布的，我遇到了类似的问题。

当视频被重新设置父级时（就像您使用slick 之类的解决方案一样，它会恢复到 00:00 并暂停。重新设置父级后，您应该能够通过 JS 直接访问视频并调用播放() 方法让它重新启动。