スマホサイトでandoroidの一部（ギャラクシーやxperia)で100vhがアドレスバーを 含まず画面に対応させたい

スマホサイトでandoroidの一部（ギャラクシーやxperia)で、100vhにアドレスバーを
含んでしまい画面におさまりません。もしわかる方がいらっしゃればご教授下さい。
iphone,android(redmi noteなど一部はOKです）

【概要】
WordPressでTCDのFORCEのテーマを使用しています。
スマホのヘッダーの背景白をなくして、動画を全画面で表示させたいです。


【募集背景】
解決方法に乗っていた下記の内容を試してみましたがだめでした。

javascript
var vh = window.innerHeight*0.01;
document.documentElement.style.setProperty( '--vh', ${vh}px);

ｃｓｓ
height: 100vh;
height: calc(var(--vh, 1vh) * 100);

【コミュニケーション方法】
チャット、ビデオ通話、おまかせします。

【参考URL】
自分のサイトではないのでお願いした方に提示させて頂けたらと思います。