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


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


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>

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>

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


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>

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>

4

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


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

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>

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>

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

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.