android - html5 ビデオ タグの Mp4 ビデオがモバイル クロームおよびモバイル サファリで再生されない

Question

HTML5ページでビデオを再生するこのコードがあります：

  <video autoplay loop id="bgvid">
    <source src="video-background.mp4" poster="/poster.png" type="video/mp4">
  </video>

問題は、モバイル chrome (Android Phone) でもモバイル サファリ (iPhone) でも動作しないことです。ただし、デスクトップの「すべての」ブラウザー (Safari、Chrome、Firefox でテスト済み) およびモバイル Firefox (Android Phone) でも動作します。

どうすればこの問題を克服できますか?

編集： このコードを追加しました：

  var myVideo = document.getElementById("bgvid");

  function playVid() {
      myVideo.play();
  }

  function pauseVid() {
      myVideo.pause();
  }

関数 playVid() をトリガーするボタンを追加すると、機能します。したがって、問題は自動再生にあると思います。load イベントで関数をトリガーしようとしましたが、機能しません。