A YouTube-videó beágyazása elég egyszerű. A videó alján található megosztási opciók megadják a HTML-kódot, amely a videó weboldalon történő beágyazásához szükséges. A YouTube-nak meglehetősen kevés megosztási lehetősége van, de ezek mind a videó megosztására szolgálnak. Ezért van értelme, mivel a YouTube végül egy videótárhely-webhely. Ennek ellenére a YouTube-on sok tartalom egyszerű hangzású. Sok videó mindegyike audio, független képekkel, amelyek kitöltésre kerülnek a videó „video” részére. Sajnos a YouTube nem engedi megosztani vagy beágyazni egy videó hangját. A videót is hozzá kell adnia. Ha hajlandó átnézni a YouTube által biztosított hivatalos megosztási és beágyazási lehetőségeket, akkor egyszerűen beágyazhatja a videó hangját. A megoldás az Amit Agarwal-től származik, egy kicsit módosítható kód formájában. Ez a YouTube Javascript API-ra támaszkodik, amelyet elérhetővé tett a Githubon. Így működik.
1. lépés: Keresse meg azt a videót, amelyből be szeretné ágyazni a hangot. 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 webhelyének HTML-kódjához, és cserélje ki a „VIDEO_ID” részt az előző lépésben másolt videó azonosítóra.
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>
Ennek kell kinéznie.
A hang nem játszik 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 megkaphatja azt automatikus lejátszáshoz és hurokba. Ahhoz, hogy automatikusan lejátssza, állítsa az 'data-automatikus lejátszás' értékét 1-re. Ha a hangot hurokban szeretné lejátszani, állítsa az 'data-loop' -ra 1-et. Ha ezt a kódot a saját webhelyén használja, és Ön sok forgalomra számíthat, a legjobb, ha a szkriptet a saját szerverén tárolja. A szkriptet az alábbi linktől kaphatja meg.
digitális inspiráción keresztül
Hozzászólások