Google Chrome：html5视频会随机播放或不播放

Question

我遇到的非常奇怪的问题。

我的应用程序中有一个html视频，看起来很标准。但是，在Chrome中，看似随机，有时可以正常播放，有时只是保持黑暗，无法播放或加载。无论我做什么，都无济于事，也无法使我更进一步地找到原因。

在Edge和Firefox中，视频可以100％正常运行。

我没有控制台错误

在“网络”选项卡中，有时看不到视频正在加载（假设它仍在缓存中），有时会显示206状态码，有时会显示304状态码。但是，由于播放视频仍然是随机发生的，因此这似乎与问题无关。

我尝试将其转换，因为我认为这可能是编解码器问题，但这也无法解决问题。

可以观看现场演示here

html非常简单：

<video class="ggmedia" id="video_14_1" pan="1.59" tilt="-0.2" crossorigin="anonymous" webkit-playsinline="webkit-playsinline" controls="controls" playsinline="playsinline" width="1920" height="1080">
     <source src="media/4DX_NL.mp4" type="video/mp4">
</video>

我使用以下代码使用javascript动态播放视频：

try {
    video.play();
    video.removeAttribute('is-autoplay');
    clearInterval(autoPlayVideosInterval[index]);
} catch(err) {
    console.log(err);
}

您可能已经猜到了，控制台永远不会显示任何错误。

编辑：我也发布了chrome：// media-internals的输出，在两种情况下（工作时和不工作时）都是相同的。特殊的是，它总是（在工作时和不工作时）创建2个webmediaplayer实例。这可能是问题吗？会导致什么呢？ 我只创建一次视频，所以我不知道。