高さと幅がゼロの iframe 内に現在ロードされているページにオーディオ要素があります。親ページの postMessage を使用して、子ページにオーディオを再生するように指示しています。
これはデスクトップ ブラウザーでは問題なく機能しますが、モバイル ブラウザーでは問題が発生します。(私は Chrome for Android でテストしていますが、iOS でも同じ問題が発生すると思います)。
モバイル ブラウザでは、ユーザーが開始したアクションによってメディアの play() コマンドがトリガーされる必要があります。私の場合、ユーザーは親ページのボタンをクリックして再生を開始していますが、postMessage を実行すると、ブラウザはそれを追跡できなくなったようです。
iframe 内のページをユーザーに表示せずに、iframe 内でオーディオを再生する方法はありますか?