web-dev-qa-db-ja.com

YouTubeの自動再生がChromeで機能しない

しばらくの間、このスクリプトを使用してきました。このスクリプトでは、ビデオが自動的にフルスクリーンで再生されます。今のところ、Chromeで突然ビデオが自動的に再生されません。しかし、FirefoxとEdgeでは引き続き機能します。

それでは、Googleが設定を変更したのでしょうか？誰でもこれを修正する方法を知っていますか？ここにライブの例を見ることができます： www.brunomazereel.com

<script src="http://www.youtube.com/player_api"></script>
<script type="text/javascript">
var player;
function onYouTubePlayerAPIReady() {
    player = new YT.Player('player', {
    playerVars: {
        'autoplay': 1,
        'controls': 0,
        'autohide': 1,
        'wmode': 'opaque',
        'showinfo': 0,
        'loop': 1,
        'rel': 0,
        'playlist': 'rh5QiehIlVA,Bl63bdR-Ko0,'
        },
    videoId: 'u-cjliof1xk',
    events: {
        'onReady': onPlayerReady
    }
});
}
function onPlayerReady(event) {
event.target();
$('#text').fadeIn(400);
}
$(window).scroll(function() {
var hT = $('.m-video').height(),
   wS = $(this).scrollTop();
if (wS > hT) {
  player.pauseVideo();
}
else {
  player.playVideo();
}
});
</script>
javascriptgoogle-chromeyoutubeautoplay
13
chechu

（1）コメントの議論から得られる可能な解決策の1つはビデオのミュートサウンドがあなたの場合それほど重要でない場合（それがあれば、私は去ります他の人を助けることができる答え）。

明らかに、自動再生alwaysを有効にする唯一の方法です。記事から：

「ミュートされた自動再生は常に許可されます。」

ソース： Google changelog

PlayerVarsを追加するだけです：

mute : 1

ミュートされたビデオのソース

22
Alexandre Beaudet

Google chromeは自動再生機能を削除しました。下記参照：

https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

7
Marker

埋め込みiframe要素にallow="autoplay"を配置する必要があります

<!-- Autoplay is allowed. -->
<iframe src="https://cross-Origin.com/myvideo.html" allow="autoplay">

<!-- Autoplay and Fullscreen are allowed. -->
<iframe src="https://cross-Origin.com/myvideo.html" allow="autoplay; fullscreen">

Chromeの 自動再生ポリシー ：

  • トップフレームは 自動再生許可の委任 をiframesに設定して、autoplaywith soundを許可します。
  • Muted自動再生は常に許可されます。
  • 自動再生with soundは次の場合に許可されます：
    • ユーザーがドメインと対話しました（クリック、タップなど）。
    • デスクトップでは、ユーザーの Media Engagement Index のしきい値を超えました。これは、ユーザーが以前に音声付きのビデオを再生したことを意味します。
    • モバイルでは、ユーザーがサイトをホーム画面に追加しました。
5
Serge

私にとっては、この解決策を働いた：

jQuery("video-iframe")[0].src += "&autoplay=1";

すべての有効な自動再生html属性を使用しても再生されませんが、上記のコードは役に立ちました。

0
Alex