Youtube Player — создание собственного плеера на JavaScript

[@cjbars]

А как быть с несколькими плеерами на странице? Привязка к id? Для каждого ручками писать? Я может что-то недопонял

[@ShapitoS999]

cjbars, можно реализовать как сделано в ВК на стене — обернуть в div ссылку с каким-нибудь параметром (все что угодно можно какой-то уникальный селектор, например, имя класса). Там ссылка имеет вид картинки с кнопкой плей посередине. При клике по ней можно например инициализировать событие, и по событию в нужный div внутрь подкладывать iframe с помощью функции onYouTubeIframeAPIReady() например, и подменять. Таким образом получается плеер один на странице, а остальное — ссылки с картинками. А вообще странно создавать несколько плееров с разными id-ми — это грузит страницу, наверняка вы видели кучу тяжелых сайтов с видео рекламой, которая врубается по скроллу. Как-то так.

[@nazarpc]

Подскажите, пожалуйста, вы не нарушаете случайно лицензионное соглашение таким использованием сервиса и его кода?

[@ShapitoS999]

Нет, в принципе здесь сложно что-то нарушить, потому что Youtube Iframe API находится в открытом доступе. Идентификаторы же для видео, несущие смысловую нагрузку для ретрансляции на внешний сайт несут также разрешение на публикацию. Если в плеер попадает видео без права на ретрансляцию, то формируется сообщение об ошибке, которое можно обработать с хуком 'onError': onPlayerError

[@nazarpc]

Фронтенд любого сайта в этом смысле в открытом доступе, так что сложно назвать это аргументом.

[@ShapitoS999]

Ну в смысле Youtube ничего не требует от размещения и использования iframe самого плеера. Ознакомьтесь по подробнее https://developers.google.com/youtube/iframe_api_reference?hl=ru
И здравый смысл подсказывает, что без этого они бы не реализовывали вставку

<iframe width="640" height="360" src="https://www.youtube.com/embed/CyVuYAHiZb8" frameborder="0" allowfullscreen></iframe>

на внешние сайты. Какова цель вашего последнего комментария?

[@nazarpc]

То, что вы можете использовать готовый продукт ещё не значит что вы можете его менять, и тем более выдавать за оригинальный продукт.
Моя цель — любопытство.

[@ShapitoS999]

nazarpc, да API готовый, но интерфейс можно создать свой собственный. Если вы хотите сделать свое, то Вам придется как-то хранить видео, использовать HTML5 или иной плеер, писать свой собственный код для нового проекта. Цель статьи — помочь людям разобраться с функциональностью и продемонстрировать пример работы уже существующего Youtube Iframe API. В рамках лицензии на публикацию ничего не нарушается. Может Вам что-то не нравится в статье или в демо?

[@dmitryprogrammer]

Тоже думал о создании плеера со своим дизайном в будущем проекте. Во время вышла статья, благодарю. Интересно, есть ли смысл в библиотеке, позволяющем создавать такие плееры?

[@ShapitoS999]

Возможно есть. Упомянутый в статье плеер Uppod реализовал что-то подобное на уровне библы, но там было множество неприятных багов.