Incrustar un video de YouTube es bastante fácil. Las opciones para compartir en la parte inferior de un video le brindan el código HTML que necesita para incrustar el video en su sitio web. YouTube tiene bastantes opciones para compartir, pero todas son para compartir el video. Esto tiene sentido dado que YouTube es, después de todo, un sitio web de alojamiento de videos. Dicho esto, gran parte del contenido de YouTube es simple audio. Muchos videos son todos de audio con imágenes no relacionadas para completar la parte de ‘video’. Desafortunadamente, YouTube no le permite compartir o incrustar solo el audio de un video. Tienes que incluir el video también. Si está dispuesto a mirar más allá de las opciones oficiales para compartir e insertar que ofrece YouTube, existe una forma sencilla de insertar solo el audio de un video. La solución proviene de Amit Agarwal en forma de un código que puede modificar. Se basa en la API de JavaScript de YouTube que ha puesto a disposición en Github. Así es como funciona.
Paso 1: busque el video del que desea incrustar el audio. Toma nota del ‘ID’ del video. El ID aparece en la URL del video después de la parte ‘v =’ y se resalta en la captura de pantalla a continuación.
Paso 2: agregue el siguiente fragmento al código HTML de su sitio web y reemplace la parte ‘VIDEO_ID’ con la identificación del video que copió en el paso 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>
Así es como debería verse.
El audio no se reproducirá automáticamente. Tendrá que hacer clic en el botón de reproducción para comenzar a reproducirlo. Puede hacer que se reproduzca automáticamente y se repita haciendo algunas modificaciones en el código. Para que se reproduzca automáticamente, establezca el valor de ‘data-autoplay’ en 1. Para que el audio se reproduzca en bucle, establezca ‘data-loop’ en 1. Si planea usar este código en su propio sitio web y espere mucho tráfico, es mejor alojar el script en su propio servidor. Puede obtener el guión en el siguiente enlace.