iPhoneでvideoを挿入するときにデフォルトの再生ボタンを消す方法

やりたいこと

iPhoneでは再生ボタンが表示されサムネイルが隠れてしまうので、CSSで再生ボタンを隠したい。

対処法

style.css

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

参照元