iframeで埋め込んだYouTube動画をスマホで自動再生させたい

Question

実現したいこと

以下のiframe要素（YouTubeの動画）をページが読み込まれたタイミングで再生させたいです

<div class="movieWrap"> <iframe src="https://www.youtube.com/embed/TY_eL4FyFSA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> ※YouTubeの仕様上、スマホでのアクセス時は自動再生が無効となりますが、javascriptで無理やり自動再生させたいと考えています。

上記のiframeには以下のcssが適用されています。
.movieWrap{
position: relative;
padding-bottom: 56.25%; /* アスペクト比16:9の場合 /
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 2rem; / YouTubeの下に余白をつける */
}

.movieWrap iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

試したこと

以下のコードで自動再生させようとしました
var moji = "playID"
var tmp = document.getElementsByClassName("ytp-large-play-button") ;

for(var i=0;i<=tmp.length-1;i++){
//id追加
tmp[i].setAttribute("id",moji+i);
}

window.onload = function() {
document.getElementBy("playID1").click();
}

埋め込んだYouTube動画の再生ボタンのclassをクリックさせるということをしようとしました
※iframeでYouTubeの動画を複数個所に埋め込んでいるため、上記のようなコードにしています

発生している問題・エラーメッセージ

①"ytp-large-play-button"に"playID1"というID属性が付与されない

②以下のエラーメッセージが表示される
Uncaught TypeError: document.getElementBy is not a function
at window.onload

お手数おかけしますが、解決策をご教示いただけますと幸いです。
また、埋め込んだYouTube動画をPC・スマホ問わず自動再生させる方法が、もし他にあれば、そちらもご教示いただけますと幸いです。

Answer 1

②以下のエラーメッセージが表示される
Uncaught TypeError: document.getElementBy is not a function at window.onload

getElementByでタイポしていそうです。getElementByIdの間違いではありませんか？

①"ytp-large-play-button"に"playID1"というID属性が付与されない

セキュリティの関係上、ドメインが同じ場合を除いてiframe内の要素にはアクセスできません。例えばiframe内にユーザー名が表示されている場合、親サイトがユーザー名の情報を取り出すことができてしまうからです。

どうしても自動再生をさせたい場合は、Youtube APIで動画のURLを直接取得しvideoタグに指定する方法が思いつきますが、YouTubeで可能かは分かりません。（参考: https://teratail.com/questions/490）

また、YouTubeのドキュメントでは、autoplayで動画の自動再生ができそうな雰囲気がありそうですが、既に試されましたでしょうか？

Comments

[kag5612]

ご確認ありがとうございました。

最初の指摘についてはタイポミスですね、大変失礼いたしました。

また、ドメインが同じ場合を除いて、iframe内の要素にアクセスできない件も承知いたしました。videoタグに指定する方法のご教示もありがとうございます。

いただいたYoutubeのドキュメントですが、スマホからのアクセスの場合は、autoplayをパラメータで指定しても再生されないとのことでした。
(以下、参考記事です。)
https://iwb.jp/javascript-iframe-youtube-player-autoplay-howto/#YouTube

ひとまずご教示いただいた方法を試してみたいと思います。ありがとうございました。