YouTube Iframe embed Auto play

Osadzony kod youtube domyślnie wyłącza autoplay. Po prostu dodaj autoplay=1na końcu atrybutu "src". Na przykład:

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

2014 Iframe embed jak osadzić film z youtube z autoplay i bez sugerowanych Filmów na końcu klipu

rel=0&autoplay 

Przykład Poniżej: .

<iframe width="640" height="360" src="//www.youtube.com/embed/JWgp7Ny3bOo?rel=0&amp;autoplay=1" frameborder="0" allowfullscreen></iframe>

Na końcu iframe src dodaj &enablejsapi=1, aby umożliwić użycie interfejsu js API na wideo

A następnie z jquery:

jQuery(document).ready(function( $ ) {
  $('.video-selector iframe')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
});

To powinno automatycznie odtwarzać wideo na dokumencie.ready

Zauważ, że możesz również użyć tego wewnątrz funkcji klikania, aby kliknąć inny element, aby rozpocząć wideo

Co ważniejsze, nie można automatycznie uruchamiać Filmów na urządzeniu mobilnym, więc użytkownicy zawsze będą musieli kliknąć na Odtwarzacz wideo, aby rozpocząć wideo

Edytuj: I ' m właściwie nie jestem w 100% pewien co do dokumentu.gotowy iframe będzie gotowy, ponieważ YouTube może nadal ładować wideo. W rzeczywistości używam tej funkcji wewnątrz funkcji klikania:

$('.video-container').on('click', function(){
  $('video-selector iframe')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
  // add other code here to swap a custom image, etc
});

Flagi , czyli parametry, których można użyć z osadzeniem IFRAME i object są tutaj udokumentowane; szczegóły dotyczące tego, który parametr działa z jakim odtwarzaczem są również wyraźnie wymienione:

Wbudowane odtwarzacze YouTube i parametry odtwarzacza

Zauważysz, że autoplay jest obsługiwany przez wszystkich graczy (AS3, AS2 i HTML5).

Wiele zapytań wskazówka dla tych, którzy nie wiedzą (past me I future me)

Jeśli tworzysz pojedyncze zapytanie z adresem url po prostu ?autoplay=1 działa jak pokazała odpowiedź mjhm

<iframe src="https://www.youtube.com/embed/oHg5SJYRHA0?autoplay=1"></iframe>

Jeśli tworzysz wiele zapytań pamiętaj, że pierwsze z nich zaczyna się od ?, podczas gdy pozostałe zaczynają się od &

Powiedz, że chcesz wyłączyć powiązane filmy, ale włączyć autoplay...

To działa

<iframe src="https://www.youtube.com/embed/oHg5SJYRHA0?rel=0&autoplay=1"></iframe>

I to działa

<iframe src="https://www.youtube.com/embed/oHg5SJYRHA0?autoplay=1&rel=0"></iframe>

Ale te nie będą praca..

<iframe src="https://www.youtube.com/embed/oHg5SJYRHA0?rel=0?autoplay=1"></iframe>

<iframe src="https://www.youtube.com/embed/oHg5SJYRHA0&autoplay=1&rel=0"></iframe>

Przykładowe porównania

Https://jsfiddle.net/Hastig/p4dpo5y4/

Więcej informacji

Przeczytaj odpowiedź NextLocal poniżej, aby uzyskać więcej informacji o używaniu wielu łańcuchów zapytań

Od kwietnia 2018 r. Google wprowadziło pewne zmiany w Polityce autoodtwarzania. Więc będziesz musiał zrobić coś takiego:

<iframe src="https://www.youtube.com/embed/VIDEO_ID?autoplay=1" allow='autoplay'></iframe>

Aby użyć javascript api,

<script type="text/javascript" src="swfobject.js"></script>
  <div id="ytapiplayer">
    You need Flash player 8+ and JavaScript enabled to view this video.
  </div>

  <script type="text/javascript">

    var params = { allowScriptAccess: "always" };
    var atts = { id: "myytplayer" };
    swfobject.embedSWF("http://www.youtube.com/v/OyHoZhLdgYw?enablejsapi=1&playerapiid=ytplayer&version=3",
                       "ytapiplayer", "425", "356", "8", null, null, params, atts);

  </script>

Aby odtworzyć youtube z id:

swfobject.embedSWF

Odniesienie: https://developers.google.com/youtube/js_api_reference magazyn

1-dodaj &enablejsapi=1 do IFRAME SRC

2-jQuery func:

  $('iframe#your_video')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');

Działa dobrze

Aby uzyskać zaakceptowaną odpowiedź mjhm pracującą nad Chrome 66 w maju 2018, dodałem allow=autoplay do iframe i enable_js=1 do ciągu zapytania:

<iframe allow=autoplay width="420px" height="345px" src="http://www.youtube.com/embed/oHg5SJYRHA0?autoplay=1&enable_js=1"></iframe>

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

Sierpień 2018 nie znalazłem działającego przykładu implementacji iframe. Inne pytania były związane tylko z Chrome, który rozdawał go trochę.

<iframe src="//www.youtube.com/embed/{{YOUTUBE-ID}}?autoplay=1&mute=1" name="youtube embed" allow="autoplay; encrypted-media" allowfullscreen></iframe>