html - モバイル解像度で Youtube の背景ビデオが開始されない

Question

CSS と Youtube IFrame を使用して背景ビデオを作成しましたが、モバイル解像度に切り替えた後 (F12 などを使用) に開始されません。

Chrome のスクリーンショット。モバイルでも同じです。

私のコードを含む GitHub リポジトリ。

<div class="video-background">
  <div class="video-foreground">
    <iframe src="https://www.youtube.com/embed/W0LHTWG-UmQ?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&playlist=W0LHTWG-UmQ" frameborder="0" allowfullscreen></iframe>
  </div>
</div>