【问题标题】：Safari 6.1 HTML5 Video Flicker When Behind ContentSafari 6.1 HTML5 视频在内容后面闪烁
【发布时间】：2015-04-17 11:30:44
【问题描述】：
这是独家新闻。我有一个在导航栏和页面徽标后面播放的视频。它适用于除 Safari 6.1 以外的所有浏览器。不幸的是，需要支持 6.1。 6.1 的问题是视频顶部的内容会在视频播放时疯狂闪烁。它似乎与浏览器有关。我尝试过背面可见性和转换，但似乎都不起作用。可能没有什么可以解决它。有没有人能够找到解决方案或者是否有人对这个问题有任何见解？
【问题讨论】：
标签：
javascript
html
css
safari
html5-video
【解决方案1】：
如果 Safari 6.1 支持从视频绘制到画布上（我认为应该），那么您可以尝试将每一帧绘制到画布上，然后绘制覆盖材料。您可能必须自己实现双缓冲，即将视频帧绘制到屏幕外画布上，绘制叠加层，然后将屏幕外画布复制到屏幕画布上。
不幸的是，这不允许您将 HTML 元素放在视频前面。您还必须从画布上的导航栏实现您想要的任何交互性。
或者您可以尝试将每个视频帧复制到画布，并在画布前面放置其他 HTML，看看是否可行。但是，如果将 HTML 放在视频前面会导致闪烁，那么我预计画布前面的 HTML 也可能会这样。