Вграждането на видеоклип в YouTube е доста лесно. Опциите за споделяне в долната част на видеоклипа ви дават необходимия HTML код, за да вградите видеоклипа във вашия уебсайт. YouTube има доста опции за споделяне, но всички те са за споделяне на видеоклипа. Това има смисъл, имайки предвид, че YouTube в края на краищата е уебсайт за видео хостинг. Това каза, че много съдържание в YouTube е обикновено аудио. Много видеоклипове са всички аудио с несвързани изображения, които трябва да попълните за частта от „видеоклипа“. За съжаление YouTube не ви позволява да споделяте или вграждате само аудиото на видео. Трябва да включите и видеото. Ако искате да разгледате официалните възможности за споделяне и вграждане, предоставени от YouTube, има лесен начин да вградите само аудиото на видеоклип. Решението идва от Amit Agarwal под формата на малко код, който можете да промените. Той разчита на JavaScript Javascript API, който той е предоставил на разположение в Github. Ето как работи.
Етап 1: Намерете видеото, от което искате да вградите аудио. Обърнете внимание на идентификационния номер на видеоклипа. Идентификационният номер се появява в URL адреса на видеоклипа след частта „v =“ и е подчертан на екрана по-долу.
Стъпка 2: Добавете следния фрагмент към HTML кода на уебсайта си и заменете частта „VIDEO_ID“ с идентификатора на видеоклипа, който сте копирали в предишната стъпка.
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>
Ето как трябва да изглежда.
Аудиото няма да се възпроизвежда автоматично. Ще трябва да кликнете върху бутона за възпроизвеждане, за да започнете да го играете. Можете да го накарате да играе автоматично и да цикли, като направите няколко модификации на кода. За да го накара да се възпроизвежда автоматично, задайте стойността на „data-autoplay“ на 1. За да накарате аудиото да се възпроизвежда в контур, задайте „data-loop“ на 1. Ако планирате да използвате този код на собствения си уебсайт и вие очаквайте много трафик, най-добре е да хоствате скрипта на вашия собствен сървър. Можете да получите скрипта от връзката по-долу.
чрез Digital Inspiration
Коментари