A YouTube-videó beágyazása meglehetősen egyszerű. A videó alján található megosztási beállítások megadják azt a HTML-kódot, amelyre a videó beágyazásához szükség van a webhelyen. A YouTube számos megosztási lehetőséget kínál, de mindegyik a videó megosztására szolgál. Ez logikus, mivel a YouTube végül is egy videotárhely. Ennek ellenére a YouTube-on sok tartalom egyszerű hanganyag. Sok videó mindegyike hanganyag, és a „videó” részhez nem kapcsolódó képeket kell kitölteni. Sajnos a YouTube nem teszi lehetővé, hogy csak a videó hangját osszák meg vagy ágyazzák be. A videót is mellékelni kell. Ha hajlandó túllépni a YouTube által biztosított hivatalos megosztási és beágyazási lehetőségeken, van egy egyszerű módja a videó hangjának beágyazására. A megoldás az Amit Agarwaltól származik egy kódrészlet formájában, amelyet módosíthat. A YouTube Javascript API-ra támaszkodik, amelyet elérhetővé tett a Githubon. Íme, hogyan működik.
1. lépés: Keresse meg azt a videót, amelynek hangját szeretné beágyazni. Vegye figyelembe a videó „azonosítóját”. Az azonosító megjelenik a videó URL-jében a „v=” rész után, és kiemelve van az alábbi képernyőképen.
2. lépés: Adja hozzá a következő kódrészletet webhelye HTML-kódjához, és cserélje ki a „VIDEO_ID” részt az előző lépésben másolt videóazonosítóval.
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>
Így kell kinéznie.
A hangot nem játssza le automatikusan. A lejátszás elindításához kattintson a lejátszás gombra. A kód néhány módosításával automatikusan lejátszhatja és ismétlődik. Az automatikus lejátszáshoz állítsa a ‘data-autoplay’ értékét 1-re. A hang hurokban történő lejátszásához állítsa a ‘data-loop’ értéket 1-re. Ha ezt a kódot saját webhelyén kívánja használni, és Ön nagy forgalomra számíthat, a legjobb, ha a szkriptet a saját szerverén tárolja. A forgatókönyvet az alábbi linken érheti el.
a Digital Inspiration segítségével