Het insluiten van een YouTube-video is vrij eenvoudig. De opties voor delen onder aan een video geven u de HTML-code die u nodig hebt om de video in uw website in te sluiten. YouTube heeft nogal wat deelopties, maar ze zijn allemaal bedoeld om de video te delen. Dit is logisch gezien YouTube immers een website voor video-hosting is. Dat gezegd hebbende, veel inhoud op YouTube is gewoon audio. Veel video's zijn allemaal audio met niet-gerelateerde afbeeldingen om in te vullen voor het 'video'-gedeelte ervan. Helaas laat YouTube je niet alleen de audio van een video delen of insluiten. Je moet de video ook opnemen. Als je bereid bent voorbij de officiële opties voor delen en insluiten van YouTube te kijken, is er een eenvoudige manier om alleen de audio van een video in te sluiten. De oplossing komt van Amit Agarwal in de vorm van een beetje code die u kunt wijzigen. Het vertrouwt op de YouTube Javascript API die hij beschikbaar heeft gesteld op Github. Dit is hoe het werkt.
Stap 1: Zoek de video waarvan u audio wilt insluiten. Let op de ‘ID’ van de video. De ID verschijnt in de URL van de video na het gedeelte 'v =' en wordt gemarkeerd in de onderstaande schermafbeelding.
Stap 2: Voeg het volgende fragment toe aan de HTML-code van uw website en vervang het gedeelte 'VIDEO_ID' door de video-ID die u in de vorige stap hebt gekopieerd.
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>
Zo zou het eruit moeten zien.
De audio wordt niet automatisch afgespeeld. U moet op de afspeelknop klikken om te beginnen met spelen. Je kunt het automatisch laten spelen en herhalen door een paar wijzigingen in de code aan te brengen. Om het automatisch te laten spelen, stelt u de waarde van 'data-autoplay' in op 1. Om de audio op loop af te spelen, stelt u 'data-loop' in op 1. Als u van plan bent deze code op uw eigen website te gebruiken en u verwacht veel verkeer, het is het beste om het script op je eigen server te hosten. Je kunt het script krijgen via de onderstaande link.
via digitale inspiratie
Comments