Incorporar um vídeo do YouTube é muito fácil. As opções de compartilhamento na parte inferior de um vídeo fornecem o código HTML necessário para incorporar o vídeo em seu site. O YouTube tem algumas opções de compartilhamento, mas todas são para compartilhar o vídeo. Isso faz sentido, já que o YouTube é, afinal, um site de hospedagem de vídeo. Dito isto, muito conteúdo no YouTube é áudio simples. Muitos vídeos são todos de áudio com imagens não relacionadas para preencher a parte de ‘vídeo’. Infelizmente, o YouTube não permite que você compartilhe ou incorpore apenas o áudio de um vídeo. Você tem que incluir o vídeo também. Se você estiver disposto a olhar além das opções oficiais de compartilhamento e incorporação fornecidas pelo YouTube, há uma maneira simples de incorporar apenas o áudio de um vídeo. A solução vem de Amit Agarwal na forma de um código que você pode modificar. Ele se baseia na API Javascript do YouTube que ele disponibilizou no Github. Aqui está como funciona.
Etapa 1: encontre o vídeo do qual deseja incorporar o áudio. Anote o ‘ID’ do vídeo. O ID aparece no URL do vídeo após a parte ‘v=’ e é destacado na captura de tela abaixo.
Etapa 2: adicione o snippet a seguir ao código HTML do seu site e substitua a parte ‘VIDEO_ID’ pelo ID do vídeo que você copiou na etapa anterior.
div data-video="VIDEO_ID" data-autoplay="0" data-loop="1" id="youtube-audio"> </div> <script src="https://www.youtube.com/iframe_api"></script> <script src="https://cdn.rawgit.com/labnol/files/master/yt.js"></script>
Isto é o que deveria parecer.
O áudio não será reproduzido automaticamente. Você terá que clicar no botão play para começar a jogar. Você pode fazê-lo tocar automaticamente e fazer um loop fazendo algumas modificações no código. Para que ele seja reproduzido automaticamente, defina o valor de ‘data-autoplay’ como 1. Para que o áudio seja reproduzido em loop, defina ‘data-loop’ como 1. Se você planeja usar este código em seu próprio site e esperar muito tráfego, é melhor hospedar o script em seu próprio servidor. Você pode obter o script no link abaixo.