そのため、Android の React Native WebView で、Vimeo ビデオを含むページが読み込まれてビデオを再生できるという問題に直面していましたが、最終的にコントロールが消えてしまい、その後 (一時停止など) コントロールできなくなります。
私はいくつかのデバッグを行い、(ハッキーな)解決策を見つけたので、私の発見を共有したいと思います:
そのため、Android の React Native WebView で、Vimeo ビデオを含むページが読み込まれてビデオを再生できるという問題に直面していましたが、最終的にコントロールが消えてしまい、その後 (一時停止など) コントロールできなくなります。
私はいくつかのデバッグを行い、(ハッキーな)解決策を見つけたので、私の発見を共有したいと思います:
ここに私の発見があります:
WebView のコンソールに、 https://f.vimeocdn.com/p/2.68.16/js/player.jsplayer.js
にある18 行目
に、問題が発生した場合に警告が表示されます。
[Deprecation] 'HTMLVideoElement.webkitSupportsFullscreen' is deprecated. Please use 'Document.fullscreenEnabled' instead.
ユーザー エージェントを変更すると、この警告が表示されなくなり、問題は発生しなくなります。
用語を含むユーザー エージェントがAndroid
問題を引き起こしているようです。たとえば、私のユーザー エージェントはありますMozilla/5.0 (Linux; Android 7.1.1; ONEPLUS A5000 Build/NMF26X; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/64.0.3282.137 Mobile Safari/537.36
が、それを削除するAndroid
と正常に動作します。
このことを念頭に置いて、ユーザー エージェントをできるだけシンプルに設定すると、" "
この問題も修正されます (ただし、推奨されません)。
したがって、ユーザーエージェントで多くのことを行っているように見える実際の Vimeo プレーヤーのコード (このライブラリにはありません) によって引き起こされた問題のように思えます。に詳しい方からご意見をいただければ幸いplayer.js
です。