流停止在Windows Safari VLC Web插件中

Question

我在Windows野生动物园的vlc插件上使用视频流时遇到了问题。 我在embed标签中添加了windowless =“ true”属性，以便可以在视频绘图上的vlc插件上方显示透明DIV。 添加此标签后，视频将停止并且无法接收视频帧。 但是，当我单击视频或在视频上绘制内容时，视频帧会刷新一段时间。 即使我删除windowless =“ true”属性，视频也可以正常工作。 仅使用windowless =“ true”在Windows野生动物园中观察到问题。

Answer 1

我有完全相同的行为。 Windows 10，Safari 5.1.7。

到目前为止，我发现的唯一解决方案是强制浏览器更新播放器框架的解决方法。 我通过快速添加和删除“玻璃” div来做到这一点：该区域占据整个浏览器的屏幕，并且具有不透明的背景填充颜色。 由于它是透明的，因此屏幕上没有任何可见的变化，但是Safari始终会重绘重叠的区域，即使它们被透明窗格重叠也是如此。 这是我的工作：

 function play() { // ...create player, set properties, etc. // assuming player taking whole browser's screen. // It's a glass pane - it should cover whole player's output surface. var glass = $('<div>'); $('body').append(glass); // Here we start updating... setInterval(function() { $('body').toggleClass('glass'); }, 20); // <== 1000ms / 30fps = 33ms, put 20ms just in case. } 

 .glass { position: absolute; width: 100%; height: 100%; z-index: 10000; background-color: rgba(40,1,1,0); } 

当然，您需要调整z-index以使玻璃覆盖播放器表面但不会阻塞自定义控件。

是的，这是一个丑陋的破解，但可以作为短期解决方案。