Вставити відео YouTube досить легко. Параметри спільного доступу внизу відео дають вам HTML-код, необхідний для вбудовування відео на свій веб-сайт. YouTube має досить багато варіантів обміну, але всі вони призначені для обміну відео. Це має сенс, враховуючи, що YouTube – це все-таки веб-сайт відеохостингу. Тим не менш, багато вмісту на YouTube є простим аудіо. Багато відео є аудіо з непов’язаними зображеннями, які заповнюють його частину «відео». На жаль, YouTube не дозволяє ділитися або вставляти лише аудіо з відео. Ви також повинні включити відео. Якщо ви готові переглянути офіційні параметри спільного доступу та вставки, надані YouTube, є простий спосіб вставити лише аудіо відео. Рішення надходить від Аміта Агарвала у вигляді невеликого коду, який ви можете змінити. Він спирається на API YouTube Javascript, який він зробив доступним на 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. Якщо ви плануєте використовувати цей код на своєму веб-сайті, очікуйте великого трафіку, найкраще розмістити скрипт на власному сервері. Ви можете отримати скрипт за посиланням нижче.