Html <；视频>；Safari上SVG foreignObject中的元素

我正在使用

SVG元素在基于SVG的UI中嵌入

元素

除了Safari之外，所有浏览器上的一切都很好，在Safari中，视频元素相对于其

容器的位置是完全错误的

我创建了一个简单的页面来重现该问题，也可在以下网站上获得：

呜呜呜呜

这里是呈现的页面：左侧是Chrome版本，右侧是Safari版本

---

声明Safari支持

，并实际显示视频元素。但是它的定位有什么问题吗？

很难相信，这是一个错误。更令人难以置信的是，这个bug是开放的，因为。。。2009!!!

查看bug页面上的注释，一个可能的解决方法是将

position:fixed

添加到包含

video

元素的

div

的样式中

感谢@Robert Longson为我指明了正确的方向

---

个人评论：我不明白为什么caniuse声明Safari上支持的

foreignObject

，而这个bug已经存在这么长时间了。

可能是Safari中的一个bug。你检查过了吗，唉，我还没有找到我的布局的解决方法。你有没有找到其他让它起作用的技巧？