私はクライアント向けのサイトを開発していますが、この時点で立ち往生しています。私たち二人とも Android の Chrome でこの問題を再現できたからです。
なんらかの理由で、Android の Chrome でこのページを読み込むと、次のようになります。
ビデオローダーが回転し続け、ビデオが再生されません。
そして、それをタップしても何もしません (再生を開始せず、YouTube アプリで開かず、何もしません)。
他のブラウザーでは問題なく動作するので (Android 版 Firefox では問題なく読み込まれ、問題なく再生されます)、なぜこれが起こっているのかわかりません。
私は何が欠けていますか？
APIの呼び出しか何かですか？
道に迷いました。
要するに、うまくいきません。ドキュメントの引用：
特定のモバイル ブラウザー (Chrome や Safari など) の HTML5 要素は、ユーザーの操作 (プレーヤーのタップなど) によって開始された場合にのみ再生を許可します。(...) この制限により、autoplay、 playVideo()、loadVideoById( ) などの関数とパラメーターはすべてのモバイル環境で機能しません。
ハンドラーで呼び出しevent.target.playVideo();ていますonPlayerReadyが、これはモバイル環境では許可されておらず、コンソールに警告をスローします (今後の参考のために、Chrome でリモート デバッグを使用することを強くお勧めします)。
それで、あなたの問題に戻ります-私はonPlayerReadyハンドラを取り除き、autoplay代わりにプレーヤー変数を使用します。デスクトップでも動作し、モバイルでもプレーヤーが壊れることはありません。