Chrome 67.0.3396.87中视频背后的黑匣子

Question

页面上有一个HTML标签Video，该标签广播了对话者（WebRTС）的视频。

Web Application: wwwroot\NLog.config
WebJob:          wwwroot\app_data\jobs\triggered\MyWebJob\NLog.config

与CSS相关的部分：

<div id="remoteVideoContainer">
    <video id="remotevideo" autoplay="autoplay" controls="" loop="loop" preload="true" 
height="500" width="100%">
    </video>
</div>

将Chrome升级到67.0.3396.87版后，我遇到了一个非常奇怪的错误-一个（或两个）黑匣子，其大小取决于窗口的大小（某些大小会消失）。在全屏模式下也有一个洞。可能是什么问题呢？ 这是内联模式：

这是全屏显示：

在早期版本的Chrome中，没有这种问题。在其他浏览器中也不存在。

Answer 1

请尝试不是通过HTML而是通过JS创建视频元素。例如：

var el = document.createElement('video');
el.setAttribute('controls', 'true');
....

我认为这很有帮助。

Answer 2

这很有趣，是在最新的chrome canary版本上，无法复制此问题。您唯一的解决方案是等待下一次chrome更新。问题不在于您的代码中，而是我可以保证在即将发布的更新中已解决的浏览器中。

Answer 3

就像Sethu所说，它似乎是chrome，而不是您的代码。 您是否可以尝试使用chrome beta版本，现在可能已修复？ 如果不是这样，您可以回滚到以前的Chrome版本。