Sådan integreres lyden fra en YouTube-video

Det er ret let at integrere en YouTube-video. Delingsindstillingerne i bunden af ​​en video giver dig den HTML-kode, du har brug for for at integrere videoen på dit websted. YouTube har ganske mange delingsindstillinger, men alle er til deling af videoen. Dette giver mening, da YouTube trods alt er et websted til videohosting. Når det er sagt, er meget indhold på YouTube almindelig lyd. Mange videoer er alle lyd med ikke-relaterede billeder, der skal udfyldes til den 'video' del af det. Desværre lader YouTube dig ikke dele eller integrere lyden fra en video. Du skal også medtage videoen. Hvis du er villig til at se forbi de officielle delings- og integreringsindstillinger, der er leveret af YouTube, er der en enkel måde at integrere lyden fra en video på. Løsningen kommer fra Amit Agarwal i form af en smule kode, du kan ændre. Det er afhængig af YouTube Javascript API, som han har gjort tilgængelig på Github. Sådan fungerer det.

Trin 1: Find den video, du vil integrere lyd fra. Bemærk videoens 'ID'. ID'et vises i videoens URL efter delen 'v =' og fremhæves på skærmbilledet nedenfor.

Trin 2: Føj følgende uddrag til dit websteds HTML-kode, og erstatt 'VIDEO_ID' -delen med det video-ID, du kopierede i det foregående trin.

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>

Sådan skal det se ud.

Lyden afspilles ikke automatisk. Du skal klikke på play-knappen for at begynde at spille den. Du kan få det til at afspille automatisk og til at sløjfe ved at foretage et par ændringer til koden. For at få den til at afspille automatisk skal du indstille værdien af ​​'data-autoplay' til 1. For at få lyden til at afspille på loop skal du indstille 'data-loop' til 1. Hvis du planlægger at bruge denne kode på din egen webside og du forventer meget trafik, det er bedst at være vært for scriptet på din egen server. Du kan hente scriptet fra nedenstående link.

via Digital Inspiration