videoタグでloop再生が止まる

前提

videoタグでmp4ファイルをloop属性をつけて
リピート再生しています。

発生している問題・エラーメッセージ

リピート再生が止まり
しばらくすると真っ白になります。

デベロッパーツールのコンソールにエラーなどは出ていません。

エラーが発動するタイミングを探っていますが
はっきりと特定できておりません。

現在可能性があるところとして以下を疑っている状態です。

・サイドバーに設定している
-webkit-transform: translate(0,0);
が発動したタイミングで起こる。
・同じ動画を配置したページを複数タブで開いてしばらくすると起こる。
（macのアクティビティモニタにてCPU、メモリなどには大幅に変化があるわけではないです。）

該当のソースコード

video.html
1<video autoplay="" muted="" playsinline="" loop  width="1280" height="720">
2    <source type="video/mp4" src="/images/background.mp4">
3</video>
4<main>maincontent</main>
5<aside>sidebar</aside>

video.css
1video {
2    min-width: 100%;
3    min-height: 100%;
4    width: auto;
5    height: auto;
6    position: fixed;
7    top: 50%;
8    left: 50%;
9    transform: translate(-50%,-50%);
10}
11
12aside {
13  animation: -webkit-transform: translate(0,0);
14}

試したこと

・videoタグのloop属性をloop="true"にしても変化はありませんでした。
・複数タブにて該当のページを同時に開くとfirefoxの使用メモリが１Gほどになり、
最初に開いていたタブが停止し、しばらくすると動画が表示されず真っ白になります。
この時デベロッパーツールのコンソールには特に何も表示されていません。