Bagaimana saya bisa memutar video secara otomatis menggunakan gaya kode embed baru untuk Youtube?

166

Saya tidak dapat menemukan cara memutar video menggunakan gaya kode embed baru untuk Youtube . Saya mencoba menambahkan & autoplay = 1 ke url, yang berfungsi dengan gaya lama, tetapi tidak berhasil. Misalnya, http://www.youtube.com/embed/JW5meKfy3fY adalah tautan embed, tetapi http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1 tidak berfungsi. Adakah yang bisa memberi tahu saya cara melakukannya? Terima kasih

ben
sumber
2
Ini sudah usang. 'mute = 1' diperlukan sekarang. Lihat: Menjawab Artikel StackOverflow
Trevor
Ya, saya perlu menambahkan? Autoplay = 1 & mute = 1 agar autoplay berfungsi di chrome. Terima kasih
john blair
Jadi hanya untuk menjadi jelas, chrome hanya akan memungkinkan putar otomatis jika video dibisukan? Tidak ada cara untuk memaksa putar otomatis dengan suara aktif?
webrightnow

Jawaban:

362

Cukup masukkan "? Autoplay = 1" di url, video akan otomatis terisi.

Jadi url Anda adalah: http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1

Dalam kasus Anda ingin menonaktifkan autoplay, hanya membuat 1untuk 0sebagai ?autoplay=0

matthewbauer
sumber
7
Tampaknya ini tidak berfungsi sampai sekarang. Itu bekerja dengan sempurna 1 minggu yang lalu.
Peeja
23
Parameter pertama setelah ID video harus dimulai dengan "?" , semua parameter SETELAH yang perlu ditambahkan dengan "&". Jika Anda memiliki misalnya "? Rel = 0 & autoplay = 1" itu akan sama dengan "? Autoplay = 1 & rel = 0" dan keduanya akan berfungsi.
Thanos
8
Jawaban ini masih berfungsi 2016. Hanya menambahkan info, karena ini adalah hasil pertama yang muncul di google.
Florian Rachor
2
Beberapa penjelasan tambahan karena ini sangat tinggi dalam hasil goog. Bagian URL mengikuti '?' adalah Query String dan yang Anda butuhkan adalah kunci 'autoplay' dengan nilai '1'. Jadi misalnya, '... / embed / JW5meKfy3fY? Autoplay = 1? Rel = 1' juga akan salah karena Anda akan memiliki 'autoplay' dengan nilai '1? Rel = 1'. String Kueri dimulai dengan '?' dan dipisahkan menjadi pasangan kunci = nilai oleh simbol '&'. en.wikipedia.org/wiki/Query_string#Structure
knickum
3
Pembaruan untuk 2017: Sekarang dalam iframe perlu menambahkan satu conf lagi: allow = "autoplay" menurut pengembang.google.com/web/updates/2017/09/... sehingga iframe Anda akan loks seperti: <iframe src="http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1" allow="autoplay"></iframe>
vityapro
31

Sebenarnya, Anda harus menggunakan "?" alih-alih "&" hanya untuk parameter pertama Anda. Jika Anda menggunakan lebih dari satu parameter, Anda harus menambahkan "&" ke rantai.

Misalnya, jika Anda ingin menambahkan putar otomatis dan teks tertutup, Anda harus menambahkan bagian ini ke URL video tersemat Anda :? Autoplay = 1 & cc_load_policy = 1 .

Akan terlihat seperti ini:

<iframe width="420" height="315" src="http://www.youtube.com/embed/
oHg5SJYRHA0?autoplay=1&cc_load_policy=1" frameborder="0"
allowfullscreen></iframe>
Sacha
sumber
apa yang Anda maksud dengan closed captioning?
WasiF
11

Anda perlu menambahkan parameter tambahan, di samping putar otomatis = 1

allow = "autoplay"

membuatnya:

<iframe src="your-video-url?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1" frameborder="0" allow="autoplay; encrypted-media"></iframe>
Andrew West
sumber
Ini adalah solusi yang disarankan untuk tahun 2020
Rahul
6

Oke ini adalah contoh untuk kode sematan baru untuk video 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>

jika Anda ingin memutarnya secara otomatis, src="http://www.youtube.com/embed/8v_4O44sfjM"tambahkan ?autoplay=1parameter

Jadi kodenya akan terlihat seperti ini:

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

Saya mencoba ini di blog saya dan berhasil! Semoga bantuan ini (:

Amel
sumber
5

Satu-satunya cara saya bisa mendapatkan autoplay untuk bekerja adalah menggunakan api iframe player.

<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>
Jules
sumber
5

Tidak satu pun di atas bekerja untuk saya di embed youtube saat ini. Coba ini, ini benar-benar bekerja untuk saya :)

Semoga ini bisa membantu!

<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>
Kate di Akademi Gavin
sumber
4

Bantuan YouTube mengatakan bahwa &autoplay=1itu harus setelah ID video - saya berasumsi, segera setelah.

Anton Gogolev
sumber
@Ton: Terima kasih atas jawaban Anda. Tapi tetap saja tidak berhasil. Saya telah memperbarui pertanyaan dengan tautan.
ben
4

Anda menggunakan url yang salah untuk youtube otomatis memutar http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1url ini menampilkan id youtube secara keseluruhan JW5meKfy3fY&autoplay=1yang ditolak youtube untuk diputar. kita harus meneruskan variabel putar otomatis ke youtube, oleh karena itu Anda harus menggunakan ?alih-alih &sehingga url Anda akan menjadi http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1dan iframe akhir Anda akan seperti itu.

<iframe src="http://www.youtube.com/embed/xzvScRnF6MU?autoplay=1" width="960" height="447" frameborder="0" allowfullscreen></iframe>
Waheed ur Rehman
sumber
1
Anda lupa mengubah &ke ?dalam cara yang benar untuk melakukannya. (sebelum iframe)
3

Cukup tambahkan ? Autoplay = 1 setelah url dalam kode sematan, contoh:

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

Ubah ke:

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

Tak satu pun dari Anda yang menyelesaikan masalah saya. Tapi, saya menemukan solusi yang baik bagi saya untuk bekerja dengan baik saat ini. Di antara tag tulis kode ini:

<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>
Teluk
sumber
0

Putar otomatis YouTube hanya berfungsi pada desktop yang membutuhkan ponsel, buat saja perubahan pada JavaScript. Suka

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

 

Lihat Lainnya: - Putar otomatis YouTube selama 5 detik

Nahoor
sumber