Youtubeをサイトに埋め込み再生をAPIで設定し音付きで再生したのですが、なぜかmute()がないと自動再生しません。
当然音声なしで再生します。色々なサイトを参考にして以下のような感じにしています。
window.onload = function() { var tag = doc.createElement("script"), firstScriptTag = doc.getElementsByTagName("script")[0]; tag.src = "https://www.youtube.com/iframe_api"; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); function onYouTubeIframeAPIReady() { new YT.Player("ytplayer", { width : 600, height : 300, videoId : "**************", events : { onReady : onPlayerReady, onStateChange : onPlayerStateChange }, playerVars: { rel : 0, showinfo : 0, controls : 0, modestbranding: 1, iv_load_policy: 3, wmode: 'transparent', events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } } }); } function onPlayerReady(evt) { evt.target.mute(); // ←mute()がないと再生しない evt.target.playVideo(); } function onPlayerStateChange(evt) { } }
mute()を外すと再生前のYoutubeが表示されるだけになります。
何か他に必要なパラメータや関数があるんでしょうか?
それとも音声無しでないと自動再生はできないようセキュリティ的にブラウザが制御しているのでしょうか?
どうぞよろしくお願いします。
こういうことでしょうか?
https://arakan-pgm-ai.hatenablog.com/entry/2018/04/23/100000
あなたの回答
tips
プレビュー