web-dev-qa-db-ja.com

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

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

videoyoutubeyoutube-api
156
ben

動画が自動ロードされるURLに「？autoplay = 1」を追加するだけです。

だからあなたのURLは次のようになります。http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1

自動再生を無効にしたい場合は、1を0に?autoplay=0とするだけです。

341
matthewbauer

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

たとえば、自動再生とクローズドキャプションを追加する場合は、埋め込みビデオの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>
29
Sacha

さて、これは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>

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

6
Amel

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

allow = "自動再生"

それを作る：

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

あなたはYouTubeの自動再生に間違ったURLを使用していますhttp://www.youtube.com/embed/JW5meKfy3fY&autoplay=1このURLは再生することを拒否するwholeJW5meKfy3fY&autoplay=1として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>
4
Waheed ur Rehman

上記のどれも現在の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>
4
Kate at Gavin Academy

自動再生を機能させることができた唯一の方法は、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>
4
Jules

YouTubeヘルプ&autoplay=1はビデオIDの後に である必要があると述べています - その直後、と思います。

4
Anton Gogolev

埋め込みコードの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>
3
Ajie Kurniyawan

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

<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>
2
Bay