Como posso reproduzir automaticamente um vídeo usando o novo estilo de código de incorporação do Youtube?


166

Não consigo descobrir como reproduzir automaticamente um vídeo usando o novo estilo de código de incorporação do Youtube . Tentei adicionar & autoplay = 1 ao URL, que funcionava com o estilo antigo, mas não funcionava. Por exemplo, http://www.youtube.com/embed/JW5meKfy3fY é o link para incorporação, mas http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1 não funciona. Alguém me pode dizer como o fazer? obrigado


2
Isso está desatualizado. 'mute = 1' é necessário agora. Veja: Artigo sobre StackOverflow de resposta
Trevor

Sim, eu precisava adicionar? Autoplay = 1 & mute = 1 para que a reprodução automática funcionasse no chrome. Graças
john blair

Então, para ficar claro, o Chrome só permitirá a reprodução automática se o vídeo estiver mudo? Não há como forçar a reprodução automática com o som ativado?
Webrightnow 24/10/19

Respostas:


362

Basta colocar "? Autoplay = 1" no URL que o vídeo será carregado automaticamente.

Portanto, seu URL seria: http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1

No caso de você quiser desativar autoplay, basta fazer 1a 0como ?autoplay=0


7
Isso não parece funcionar no momento. Funcionou perfeitamente há uma semana.
Peeja

23
O primeiro parâmetro após o ID do vídeo precisa começar com "?" , todos os parâmetros APÓS que precisam ser adicionados com "&". Se você tivesse, por exemplo, "? Rel = 0 & reprodução automática = 1", seria o mesmo que "? Reprodução automática = 1 & rel = 0" e os dois funcionariam.
Thanos

8
Essa resposta ainda funciona em 2016. Basta adicionar as informações, já que é o primeiro resultado que aparece no google.
Florian Rachor 28/01

2
Alguma explicação adicional, já que isso é tão alto nos resultados do goog. A parte do URL após '?' é a string de consulta e o que você precisa é a chave 'reprodução automática' com o valor '1'. Então, por exemplo, '... / embed / JW5meKfy3fY? Autoplay = 1? Rel = 1' também estaria errado porque você teria 'autoplay' com o valor '1? Rel = 1'. A string de consulta começa com '?' e é separado em pares chave = valor pelo símbolo '&'. en.wikipedia.org/wiki/Query_string#Structure
knickum 31/01

3
Atualização para o de 2017: Agora em iframe precisa adicionar mais um conf: permitir = "autoplay" monitores segundo a developers.google.com/web/updates/2017/09/... para que o seu iframe vai loks como: <iframe src="http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1" allow="autoplay"></iframe>
vityapro

31

Na verdade, você terá que usar o "?" em vez de "&" apenas para o seu primeiro parâmetro. Se você usar mais de um parâmetro, precisará adicionar "&" à cadeia.

Por exemplo, se você deseja adicionar reprodução automática e legendas ocultas, precisará adicionar esta parte ao seu URL de vídeo incorporado :? Autoplay = 1 & cc_load_policy = 1 .

Seria assim:

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

como assim closed captioning?
WasiF 08/04/19

11

Você precisa adicionar um parâmetro extra ao lado da reprodução automática = 1

allow = "reprodução automática"

fazendo isto:

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

Esta é a solução recomendada para 2020
Rahul

6

Ok, este é um exemplo para o novo código de incorporação para vídeos do 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>

se você quiser reproduzi-lo automaticamente, src="http://www.youtube.com/embed/8v_4O44sfjM"adicione o ?autoplay=1parâmetro

Portanto, o código ficará assim:

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

Eu tentei isso no meu blog e funciona! Espero que esta ajuda (:


5

A única maneira de conseguir que a reprodução automática funcionasse era usando a API do 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

Nenhuma das opções acima funcionou para mim no YouTube incorporado atual. Tente isso, ele realmente funcionou para mim :)

Espero que ajude!

<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

A Ajuda do YouTube diz que &autoplay=1deve ser após o ID do vídeo - presumo que imediatamente após.


@Aton: Obrigado pela sua resposta. Ainda não funciona. Atualizei a pergunta com links.
ben

4

Você está usando um URL errado para reproduzir automaticamente o YouTube. http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1Esse URL exibe a ID do YouTube como um todo, JW5meKfy3fY&autoplay=1que o YouTube rejeita a reprodução. temos que passar a variável de reprodução automática para o youtube, portanto, você deve usar em ?vez disso &para que seu URL seja http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1e seu iframe final seja assim.

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

1
Você esqueceu de mudar o &para ?da maneira correta de fazê-lo. (antes do iframe)

3

Basta adicionar ? Autoplay = 1 após o URL no código de incorporação, exemplo:

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

Altere para:

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

2

Nenhum de vocês resolveu meu problema. Mas encontrei uma boa solução para eu trabalhar corretamente agora. Entre as tags, escreva este código:

<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

A reprodução automática do YouTube funciona apenas em computadores com necessidade de trabalhar em dispositivos móveis, basta fazer alterações no JavaScript. Gostar

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

 

Veja mais: - Reprodução automática do YouTube por 5 segundos

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.