Cum de a încorpora un autoplaying video de pe YouTube într-un iframe?

Acest lucru funcționează în Chrome, dar nu Firefox 3.6 (avertisment: RickRoll video):

De API JavaScript pentru iframe încorporează există, dar este încă postat ca o caracteristică experimental.

UPDATE: iframe-ul API este acum pe deplin susținută și "Crearea de YT.Jucător de obiecte - de Exemplu 2" arată cum să setați "redare automată" în JavaScript.

Încorporat cod de youtube are autoplay off by default. Pur și simplu adăugați `autoplay=1 ' at la sfârșitul anului "src" atribut. De exemplu:

Începând cu luna aprilie 2018, Google a făcut unele modificări la Autoplay Politica. Așa că va trebui să fac ceva de genul asta:

2014 embed iframe privire la modul de a încorpora un video de pe youtube cu autoplay si nici videoclipuri sugerate la sfârșitul clip

rel=0&autoplay 

Exemplul De Mai Jos: .

August 2018 am n't găsi un exemplu de lucru pe iframe aplicare. Alte întrebări au fost legate de Chrome, care a dat-o un pic mai departe.

Te'll au de a dezactiva sunetul mute=1 în scopul de a autoplay pe Chrome. FF si IE pare a fi de lucru bine folosind autoplay=1 ca parametru.

la sfârșitul iframe src, a adăuga &enablejsapi=1 pentru a permite js API pentru a fi folosit pe video

și apoi cu jquery:

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

acest lucru ar trebui să reda video în mod automat pe document.gata

rețineți, că ai putea folosi, de asemenea, acest lucru în interiorul unui faceți clic pe funcția de a faceți clic pe un alt element pentru a începe video

Mai important, nu se poate auto-start clipuri video de pe un dispozitiv mobil, astfel încât utilizatorii vor avea întotdeauna să faceți clic pe video-player în sine pentru a începe video

Edit: Am'm, de fapt, nu sunt 100% sigur pe document.gata iframe-ul va fi gata, pentru că YouTube ar putea fi încă de încărcare video. Am'm, de fapt, folosind această funcție în interiorul unui faceți clic pe funcția de:

$('.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
});

Mai multe interogări sfat pentru cei care don't știu (pe lângă mine și eu în viitor)

Daca're face o singură interogare cu url-ul doar ?autoplay=1 lucrări așa cum se arată de către mjhm's a răspunde

Daca're face mai multe interogări amintiți-vă de prima începe cu un semn"?", în timp ce restul începe cu un &

Presupunem că doriți să opriți legate de clipuri video, dar permite redare...

Aceasta funcționează

și acest lucru funcționează

Dar aceste câștigat't de lucru..

exemplu comparații

https://jsfiddle.net/Hastig/p4dpo5y4/

mai multe informatii

Citește NextLocal's de răspuns de mai jos pentru mai multe informații despre utilizarea mai multor șiruri de interogare

La steaguri, sau parametri pe care le puteți folosi cu IFRAME și OBIECT încorporează sunt documentate aici, detalii despre care parametrul funcționează cu ce player sunt, de asemenea, menționată în mod clar:

YouTube Încorporat Jucători și Jucător Parametri

Veți observa că funcția autoplay este susținută de către toți jucătorii (AS3, AS2 și HTML5).

Pentru a avea răspunsul acceptat de mjhm lucru pe Chrome 66 în Mai 2018, am adăugat permit=autoplay la iframe șienable_js=1` la șirul de interogare:

1 - adauga &enablejsapi=1 IFRAME SRC`

2 - jQuery func:

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

Funcționează bine

Pentru a utiliza 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>

Pentru a juca youtube cu id-ul:

swfobject.embedSWF

referință: https://developers.google.com/youtube/js_api_referencerevista

Decembrie 2018,

În căutarea pentru o redare automată, BUCLĂ, MUT video de pe youtube pentru a reacționa.

Alte răspunsuri am't a lucrat.

Am găsit o soluție cu o bibliotecă: reacționa-youtube

class Video extends Component {

    _onReady(event) {
        // add mute
        event.target.mute();
        // add autoplay
        event.target.playVideo();
    }

    render() {
        const opts = {
            width: '100%',
            height: '700px',
            playerVars: {
                // remove video controls 
                controls: 0,
                // remove related video
                rel: 0
            }
        };

        return (

        )
    }

}