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