youtube埋め込み動画の再生ができない

Question

前提・実現したいこと

<iframe width="854" height="480" src="https://www.youtube.com/embed/tV2zIL_vm28" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

といった、確実に再生できるコードをあるサイト（httpsのサイトです）のページに埋め込みました。

ところが、再生はされず、そのページで右クリックしHTMLソースを見ると

<iframe width="854" height="480" src="<a href="https://www.youtube.com/embed/tV2zIL_vm28" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

となっています。

今実現したいのは、

<iframe width="854" height="480" src="https://www.youtube.com/embed/tV2zIL_vm28" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

の動画を、そのページで再生できるようにしたいということです。

#やってみたこと

<iframe width="854" height="480" src="//www.youtube.com/embed/tV2zIL_vm28" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

とすると、再生はされましたが、が、ブラウザのコンソールで見ると、JSエラーが発生しています。
エラー内容は
‘DOMWindow’ 上の ‘postMessage’ の実行に失敗しました。指定された送信先の生成元 (‘https://www.youtube.com’) と受け取る window の生成元 (‘https://www.example.com’) が一致しません。

です。

JSエラーなく、動画を再生するには、どうしたらよいでしょうか？

Comments

[efcode]

> ページに埋め込みました。 とありますが、どのような手段でそれを行ったか教えてください。URLが変換されるのはブログなどのポスト機能を利用して行ったのではないかと推測します。質問の一番上に書いてあるHTMLは、HTMLファイルなどへ直接書き込むものです。

Answer 1

そのエラーはSSLのセキュリティエラーなので、動画が再生されないこととおそらく直接の関係は無いと思われます。
もしローカルで表示確認しているなら、とりあえずサーバにUPして確認してみてください。
SSL環境（https://）ではないサーバで表示している場合、同じエラーは出ると思いますが、
再生はされると思います。

次に「再生されない」というのが「動画自体が表示されない」のか「自動再生されない」のかどちらでしょう？
また、表示確認しているブラウザはChromeですか？
もし「Chromeで自動再生されない」ということであれば、Chrome66からの仕様変更で「音声付き動画の自動再生無効化」というやつにひっかかっている可能性があります。
・参考ブログ

詳しい状況がわからないので、とりあえず現状で考えられるチェック項目を挙げてみました。
ご確認ください。