iphone(iOS)の低電力モードでvideoタグの再生ボタンを非表示にしたい

iphoneの低電力モード中にvideoタグの動画の自動再生せずに初期は動画が停止していて、その上に再生ボタンが表示されます。
その再生ボタンさえ消せればいいのですが、

CSSではこちらを記述

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

/* Old shadow dom for play button */

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

/* New shadow dom for play button */

/* This one works */

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

Javascriptではこちらを記述

document.getElementById("my-video").controls = false;

などをしましたが、相変わらず再生ボタンが表示されたままです。
検証はiOS14です。

https://borderless.teamlab.art/jp/
こちらのサイトでは低電力モードでも再生ボタンが表示されていません。

どなたがご存知でしたら、よろしくお願いします。

m.ts10806

2021/03/09 10:49

どこで「低電力モード中」を判定されてるのでしょうか。

kotaro_shibata

2021/03/09 10:52

ありがとうございます。現状ですと低電力モード中の判定・検知の仕方がわからなかったので特にそういったことをしていないです。

m.ts10806

2021/03/09 10:58

ちょっと調べた感じ https://qiita.com/gecko655/items/a25f25ce9e30d64f3dde 「省電力モードではユーザー自身で再生ボタンを押す必要がある」のはブラウザの仕様ですかね。さすがにJavaScriptなどで状態監視はできないと思います（ネットワークON/OFFは感知できるけど）

kotaro_shibata

2021/03/09 11:00

そうですね。僕もそういう仕様だと思っていたのですが、質問にあるリンクのチームラボボーダレスに関しては、それが実現できていたのでどうやってやっているのかと思いまして・・・。