Safari 6.1 HTML5视频在内容背后闪烁

Safari 6.1 HTML5 Video Flicker When Behind Content

本文关键字：背后闪烁视频 HTML5 Safari 更新时间：2023-11-26

这是独家新闻。我有一个视频，播放在导航栏和一个页面的标志后面。它适用于除Safari 6.1以外的所有浏览器。遗憾的是，6.1需要支持。6.1的问题是，在播放视频时，视频顶部的内容会疯狂地闪烁。它似乎与浏览器有关。我尝试过背面可见性和变换，但似乎都不起作用。可能没有什么能解决这个问题。有人能找到解决方案吗？或者有人对这个问题有任何见解吗？

如果Safari 6.1支持在画布上从视频绘制（我认为应该这样），那么您可以尝试在画布上绘制每个帧，然后绘制覆盖材料。您可能需要自己实现双重缓冲，即在屏幕外画布上绘制视频帧，绘制覆盖，然后将屏幕外画布复制到屏幕上画布。

不幸的是，这不允许您将HTML元素放在视频前面。您还必须从画布上的导航栏实现您想要的任何交互。

或者，您可以尝试将每个视频帧复制到画布上，并在画布前面放置其他HTML，看看这是否有效。但是，如果将HTML放在视频前面会导致闪烁，那么我预计画布前面的HTML可能也会导致闪烁。