YouTubeの新しい埋め込みコードスタイルを使用して動画を自動再生するにはどうすればよいですか？

YouTubeの新しい埋め込みコードスタイルを使用して動画を自動再生する方法を理解できません。＆autoplay = 1をURLに追加しようとしましたが、これは古いスタイルで機能しましたが、機能しませんでした。たとえば、http：//www.youtube.com/embed/JW5meKfy3fYは埋め込みリンクですが、http：//www.youtube.com/embed/JW5meKfy3fY&autoplay=1は機能しません。誰でもそれを行う方法を教えてもらえますか？ありがとう

ビデオが自動ロードされるURLに「？autoplay = 1」を挿入するだけです。

したがって、あなたのURLは次のようになります： http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1

自動再生を無効にする場合は、次のように1し0てください ?autoplay=0

実際には、「？」を使用する必要があります 「＆」の代わりに最初のパラメータのみ。複数のパラメーターを使用する場合は、チェーンに「＆」を追加する必要があります。

たとえば、自動再生とクローズドキャプションを追加する場合は、この部分を埋め込み動画のURLに追加する必要があります：？autoplay = 1＆cc_load_policy = 1。

次のようになります。

<iframe width="420" height="315" src="http://www.youtube.com/embed/
oHg5SJYRHA0?autoplay=1&cc_load_policy=1" frameborder="0"
allowfullscreen></iframe>

autoplay = 1とともに、追加のパラメーターを追加する必要があります。

allow = "autoplay"

それを作る：

<iframe src="your-video-url?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1" frameborder="0" allow="autoplay; encrypted-media"></iframe>

これは、YouTube動画の新しい埋め込みコードの例です。

<iframe title="YouTube video player" class="youtube-player" type="text/html" width="560" height="345" src="http://www.youtube.com/embed/8v_4O44sfjM" frameborder="0" allowFullScreen></iframe>

自動再生する場合はsrc="http://www.youtube.com/embed/8v_4O44sfjM"、?autoplay=1パラメータを追加します

したがって、コードは次のようになります。

<iframe title="YouTube video player" class="youtube-player" type="text/html" width="560" height="345" src="http://www.youtube.com/embed/8v_4O44sfjM?autoplay=1" frameborder="0" allowFullScreen></iframe>

私は私のブログでこれを試しました、そしてそれはうまくいきます！この助けを願っています（：

自動再生を機能させる唯一の方法は、iframeプレーヤーAPIを使用することでした。

<div id="ytplayer"></div>
<script>
// Load the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// Replace the 'ytplayer' element with an <iframe> and
// YouTube player after the API code downloads.
var player;
function onYouTubePlayerAPIReady() {
    player = new YT.Player('ytplayer', {
        height: '480',
        width: '853',
        videoId: 'JW5meKfy3fY',
        playerVars: {
            'autoplay': 1,
            'showinfo': 0,
            'controls': 0
        }
    });
}
</script>

上記のいずれも、現在のYouTube埋め込みでは機能しませんでした。これを試してください、それは実際に私のために働きました:)

それが役に立てば幸い！

<iframe width="925" height="315" src="https://www.youtube.com/embed/iD5zxjySOzw?rel=0&amp;autoplay=1&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>

YouTubeヘルプでは、これ&autoplay=1は動画IDの後にある必要があると記載されています。

YouTubeの自動再生に間違ったURLを使用しています。http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1このURL JW5meKfy3fY&autoplay=1は、YouTubeが再生を拒否したYouTube ID全体を表示します。自動再生変数をyoutubeに渡す必要が?ある&ため、代わりにを使用する必要があります。そうすると、URLがなりhttp://www.youtube.com/embed/JW5meKfy3fY?autoplay=1、最終的なiframeはそのようになります。

<iframe src="http://www.youtube.com/embed/xzvScRnF6MU?autoplay=1" width="960" height="447" frameborder="0" allowfullscreen></iframe>

埋め込みコードのURLの後に？autoplay = 1を追加するだけです：

<iframe width="420" height="315" src="http://www.youtube.com/embed/
oHg5SJYRHA0" frameborder="0"></iframe>

それを次のように変更します。

<iframe width="420" height="315" src="http://www.youtube.com/embed/
oHg5SJYRHA0?autoplay=1" frameborder="0"></iframe>

あなたのどれも私の問題を解決していません。しかし、私は今私が適切に機能するための良い解決策を見つけました。タグの間に次のコードを記述します。

<div style="position: fixed; z-index: -99; width: 100%; height: 100%">
  <iframe frameborder="0" height="100%" width="100%" 
    src="https://youtube.com/embed/**[CHANGE HERE WITH YOUR YOUTUBE VIDEO ID]**?autoplay=1&controls=0&showinfo=0&autohide=1">
  </iframe>
</div>

YouTubeの自動再生はデスクトップでのみ機能し、モバイルで機能する必要があるのはJavaScriptを変更するだけです。お気に入り

<div id="player"></div>
                    var tag = document.createElement('script');
                    tag.src = "https://www.youtube.com/iframe_api";
                    var firstScriptTag = document.getElementsByTagName('script')[0];
                    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
                    var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      videoId: 'VideoID',
      playerVars: {   
            'autoplay': 1,   
            'rel': 0,
            'showinfo': 0,
            'modestbranding': 1,
            'playsinline': 1,
            'showinfo': 0,
            'rel': 0,
            'controls': 0,
            'color':'white',
            'loop': 1,
            'mute':1,
            // 'origin': 'https://meeranblog24x7.blogspot.com/'
      },
      events: {
        'onReady': onPlayerReady,
        // 'onStateChange': onPlayerStateChange
      }
    });
  }
  function onPlayerReady(event) {
    player.playVideo();
    player.mute();
  }var done = false;
  function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING && !done) {
      setTimeout(stopVideo, 6000);
      done = true;
    }
  }
  function stopVideo() {
    player.stopVideo();
  }

 

もっと見る：-YouTubeの5秒間の自動再生