Jak mogę automatycznie odtwarzać wideo przy użyciu nowego stylu kodu osadzania dla YouTube?


166

Nie mogę dowiedzieć się, jak automatycznie odtwarzać wideo przy użyciu nowego stylu kodu do umieszczenia na stronie YouTube . Próbowałem dodać & autoplay = 1 do adresu URL, który działał w starym stylu, ale nie działał. Na przykład http://www.youtube.com/embed/JW5meKfy3fY to link do umieszczenia na stronie, ale http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1 nie działa. Czy ktoś może mi powiedzieć, jak to zrobić? Dzięki


2
To jest nieaktualne. „mute = 1” jest teraz wymagane. Zobacz: Odpowiadanie na artykuł dotyczący StackOverflow
Trevor,

Tak, muszę dodać? Autoplay = 1 & mute = 1, aby autoodtwarzanie działało w Chrome. Dzięki
john blair

Żeby było jasne, Chrome zezwala na autoodtwarzanie tylko wtedy, gdy wideo jest wyciszone? Nie ma sposobu, aby wymusić autoodtwarzanie przy włączonym dźwięku?
webrightnow

Odpowiedzi:


362

Po prostu umieść „? Autoplay = 1” w adresie URL, aby wideo załadowało się automatycznie.

Twój adres URL będzie wyglądał następująco: http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1

W przypadku, gdy chcesz wyłączyć autoodtwarzanie, wystarczy upewnić 1się 0, jak ?autoplay=0


7
To nie wydaje się teraz działać. Działało idealnie 1 tydzień temu.
Peeja

23
Pierwszy parametr po identyfikatorze wideo musi zaczynać się od „?” , wszystkie parametry PO, które należy dodać za pomocą „&”. Gdybyś miał na przykład „? Rel = 0 i autoplay = 1”, byłoby to to samo, co „? Autoplay = 1 i rel = 0” i oba działałyby.
Thanos,

8
Ta odpowiedź nadal działa w 2016 r. Po prostu dodaj informacje, ponieważ jest to pierwszy wynik, który pojawia się w Google.
Florian Rachor

2
Dodatkowe wyjaśnienie, ponieważ jest to tak wysoko w wynikach Google. Część adresu URL następująca po znaku „?” to ciąg zapytania, a potrzebujesz klucza „autoplay” o wartości „1”. Na przykład „... / embed / JW5meKfy3fY? Autoplay = 1? Rel = 1” również byłoby niepoprawne, ponieważ wtedy miałoby być „autoplay” o wartości „1? Rel = 1”. Ciąg zapytania zaczyna się od „?” i jest podzielony na pary klucz = wartość za pomocą symbolu „&”. en.wikipedia.org/wiki/Query_string#Structure
knickum

3
Aktualizacja na rok 2017: Teraz w iframe trzeba dodać jeszcze jedną konfigurację: allow = "autoplay" zgodnie z developers.google.com/web/updates/2017/09/, więc twój iframe będzie wyglądał jak: <iframe src="http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1" allow="autoplay"></iframe>
vityapro

31

Właściwie będziesz musiał użyć znaku „?” zamiast „&” tylko dla pierwszego parametru. Jeśli używasz więcej niż jednego parametru, będziesz musiał dodać „&” do łańcucha.

Na przykład, jeśli chcesz dodać autoodtwarzanie i napisy, musisz dodać tę część do adresu URL osadzonego wideo :? Autoplay = 1 & cc_load_policy = 1 .

Wyglądałoby to tak:

<iframe width="420" height="315" src="http://www.youtube.com/embed/
oHg5SJYRHA0?autoplay=1&cc_load_policy=1" frameborder="0"
allowfullscreen></iframe>

co masz na myśli closed captioning?
WasiF

11

Musisz dodać dodatkowy parametr obok autoodtwarzania = 1

allow = "autoplay"

robić to:

<iframe src="your-video-url?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1" frameborder="0" allow="autoplay; encrypted-media"></iframe>

Jest to zalecane rozwiązanie na rok 2020
Rahul

6

OK, to jest przykład nowego kodu osadzania filmów z 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>

jeśli chcesz go automatycznie odtworzyć, po src="http://www.youtube.com/embed/8v_4O44sfjM"dodaniu ?autoplay=1parametru

Tak więc kod będzie wyglądał następująco:

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

Wypróbowałem to na moim blogu i działa! Mam nadzieję, że to pomoże (:


5

Jedynym sposobem na uruchomienie autoodtwarzania było użycie interfejsu API odtwarzacza iframe.

<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

Żadne z powyższych nie działało dla mnie w obecnym serwisie YouTube. Spróbuj tego, to faktycznie zadziałało dla mnie :)

Mam nadzieję, że to pomoże!

<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

Pomoc YouTube mówi, że &autoplay=1musi to być po identyfikatorze wideo - zakładam, że zaraz po.


@Aton: Dziękuję za odpowiedź. Jednak nadal nie działa. Zaktualizowałem pytanie o linki.
ben

4

Używasz niewłaściwego adresu URL dla youtube, automatycznie odtwarzaj http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1ten adres URL, wyświetlaj identyfikator YouTube jako całość, JW5meKfy3fY&autoplay=1który YouTube odrzuca, aby odtworzyć. musimy przekazać zmienną autoodtwarzania do youtube, dlatego musisz użyć ?zamiast, &aby Twój adres URL był, http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1a ostateczna ramka iframe była taka.

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

1
Zapomniałeś zmienić &, aby ?w odpowiedni sposób, aby to zrobić. (przed

3

Po prostu dodaj ? Autoplay = 1 po adresie URL w kodzie do umieszczenia na stronie, przykład:

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

Zmień to na:

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

2

Żaden z twoich nie rozwiązał mojego problemu. Ale znalazłem dobre rozwiązanie, aby teraz działać poprawnie. Pomiędzy tagami napisz ten kod:

<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

Automatyczne odtwarzanie YouTube działa tylko na komputerach stacjonarnych, które muszą działać na urządzeniach mobilnych, wystarczy wprowadzić zmiany w JavaScript. Lubić

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

 

Zobacz więcej: - Automatyczne odtwarzanie w YouTube przez 5 sekund

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.