WordPressでYouTube埋め込みが機能しない問題

前回記事を投稿してから気がつきましたが、WordPressのYouTube埋め込みではクリックが出来ず再生出来ないという状態になりました。

WordPressの環境次第とは思いますが、少し調べてみた結果をまとめます。

状況

動画リンクのurlをWordPress側の記事にコピペしました。これでYouTubeを埋め込んだ状態になります。

切り分け

どうやら”WordPressにログインしているかどうか”で状況が変わることが分かりました。

Windowsでは試していませんが、たぶん同じでしょう。

Webインスペクタでエラーを確認

SafariのWebインスペクタでエラーが出ていることを確認しました。

埋め込んでいるあたりですね。

jQueryの読み込みタイミングか何かかもしれませんね。とりあえず回避方法があったので、詳細確認は行わないことにします。

回避

とりあえずの回避策となります。

Youtube動画再生中、右下に表示される「共有」をクリック。

「埋め込む」をクリック。

iframeのタグが表示されるので、全部コピーしてカスタムhtmlとしてWordPressの記事に貼り付けます。

これでYouTubeの埋め込みが出来ました。

以上、とりあえずの備忘録でした。ご参考になれば幸いです。