Cara menanamkan autoplaying video YouTube di iframe?

Ini bekerja di Chrome tapi tidak Firefox 3.6 (peringatan: RickRoll video):

The JavaScript API untuk embeds iframe ada, tapi masih diposting sebagai sebuah fitur eksperimental.

UPDATE: iframe API sekarang sepenuhnya didukung dan "Menciptakan YT.Pemain benda - Contoh 2" menunjukkan bagaimana untuk mengatur "autoplay" dalam JavaScript.

Kode tertanam dari youtube autoplay off secara default. Cukup tambahkan `autoplay=1 jemaat akhir "src" atribut. Misalnya:

Sejak April 2018, Google membuat beberapa perubahan Autoplay Kebijakan. Sehingga anda akan harus melakukan sesuatu seperti ini:

2014 iframe cantumkan pada cara embed video youtube dengan autoplay dan tidak ada video yang disarankan di akhir klip

rel=0&autoplay 

Contoh Di Bawah Ini: .

Agustus 2018 saya didn't menemukan contoh kerja pada iframe implementasi. Pertanyaan-pertanyaan lain yang berkaitan dengan Chrome saja, yang memberikannya sedikit.

Anda'll harus bisu suara bisu=1 dalam rangka untuk autoplay pada Chrome. FF dan IE tampaknya akan bekerja dengan baik menggunakan autoplay=1 sebagai parameter.

pada akhir iframe src, tambahkan &enablejsapi=1 untuk memungkinkan js API yang akan digunakan pada video

dan kemudian dengan jquery:

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

ini harus memutar video secara otomatis pada dokumen.siap

catatan, bahwa anda juga bisa menggunakan ini dalam sebuah fungsi klik untuk klik pada elemen yang lain untuk memulai video

Yang lebih penting, anda tidak bisa auto-start video pada perangkat mobile sehingga pengguna akan selalu memiliki waktu untuk klik pada video player sendiri untuk memulai video

Edit: I'm sebenarnya tidak 100% yakin pada dokumen.siap iframe akan siap, karena YouTube masih bisa loading video. I'm benar-benar menggunakan fungsi ini di dalam fungsi klik:

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

Beberapa pertanyaan tip bagi mereka yang don't tahu (masa lalu saya dan masa depan saya)

Jika anda'kembali membuat satu query dengan url hanya ?autoplay=1 karya seperti yang ditunjukkan oleh mjhm's jawaban

Jika anda'kembali membuat beberapa query ingat pertama dimulai dengan ? sedangkan sisanya mulai dengan sebuah &

Katakanlah anda ingin mematikan video terkait tetapi mengaktifkan autoplay...

Ini bekerja

dan ini bekerja

Tapi ini tidak't bekerja..

contoh perbandingan

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

info lebih lanjut

Baca NextLocal's jawaban di bawah ini untuk info lebih lanjut tentang menggunakan beberapa query string

Yang bendera, atau parameter yang dapat anda gunakan dengan IFRAME dan OBJEK komprehensif didokumentasikan di sini; rincian tentang yang parameter bekerja dengan apa yang pemain juga jelas disebutkan:

YouTube Tertanam Pemain dan Pemain Parameter

Anda akan melihat bahwa autoplay didukung oleh semua pemain (AS3, AS2 dan HTML5).

Untuk memiliki jawaban yang diterima oleh mjhm bekerja pada Chrome 66 pada Mei 2018, saya menambahkan allow=autoplay iframe dan enable_js=1 untuk query string:

1 - tambahkan &enablejsapi=1 ke IFRAME SRC

2 - jQuery func:

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

Bekerja dengan baik

Untuk menggunakan api javascript,

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

Bermain youtube dengan id:

swfobject.embedSWF

referensi: https://developers.google.com/youtube/js_api_referencemajalah

Desember 2018,

Mencari AUTOPLAY, LOOP, MEMATIKAN suara youtube video untuk bereaksi.

Jawaban yang lain tidak't bekerja.

Saya menemukan solusi dengan perpustakaan: bereaksi-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 (

        )
    }

}