Простой Chromeless YouTube Embed - Как?

Вопрос:

Пожалуйста, кто-нибудь может точно и ясно объяснить, как я могу встроить простой проигрыватель Chromeless Youtube на свою страницу и динамически управлять источником этого проигрывателя?

Объясненный вопрос: я работаю со страницей, на которой мне нужно встроить видео на YouTube без каких-либо элементов управления. После некоторых исследований я обнаружил, что видеоплеер Chromeless это именно то, Но вот моя проблема:

  1. Я почти не нашел учебного контента по плееру Chromeless, и, будучи относительно новым для Javascript, у меня возникают проблемы с пониманием документации, представленной здесь, таким образом, чтобы я мог применить ее к своей проблеме.

  2. Мне нужно изменить источники этого видео на основе взаимодействия с пользователем. Первоначально я еще не чувствовал себя комфортно с javascript API YouTube, просто вставлял видео через статический iframe и изменял источник iframes через JQuery с помощью.attr("src",nameofsource), не загружая вставки с помощью javascript, только изменяя источники.

Это работало нормально, я смог скрыть большинство элементов управления через параметры, которые принимает youtube, прикрепленные к URL-адресу встраивания, но не было абсолютно никакого способа отключить видео с помощью этого метода, и код был довольно уродливым, и я не был доволен этим.

Итак, я начал встраивать видео и изменять исходный код через API, который прекрасно работает, видео отключено, а источник меняется хорошо, но теперь я столкнулся с проблемой появления элементов управления.

В соответствии с документацией, которую я видел на Chromeless Player, я не видел, чтобы это было просто добавлением параметра в YT API javascript, но что-то совершенно другое.

Вопрос переформулирован:

Так что, пожалуйста, кто-нибудь может объяснить точно, как я могу встроить простой проигрыватель Chromeless Youtube на мою страницу и динамически управлять источником этого проигрывателя?

В Интернете нет документации, которая бы содержала удовлетворительное, полное (дружественное к новым разработчикам javascript) объяснение того, как это сделать. Как новый разработчик, я изучил документацию, но у меня еще недостаточно опыта, чтобы эффективно "использовать руководство" по этому вопросу.

На Stackru я нашел несколько вопросов, касающихся проигрывателя без хрома, но ни на один из них не было даже отдаленно удовлетворительных ответов.

Известная документация:

https://developers.google.com/youtube/flash_api_reference

https://developers.google.com/youtube/iframe_api_reference

http://viget.com/inspire/youtube-chromeless-video-jquery-plugin

Известные связанные вопросы Stackru с неадекватными ответами:

[23K просмотров, неадекватный ответ]: Как мне встроить проигрыватель YouTube без хрома без добавления элементов управления?

[1.4K просмотров, неадекватный ответ]: Как сделать YouTube-плеер без хрома?

Источник

2 ответа

В вашем HTML вам нужно:

<script src="https://www.youtube.com/iframe_api"></script>
<div id="player"></div>

Тогда в вашем JavaScript

var player;
function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        videoId: 'OJpQgSZ49tk',
        playerVars: {
            controls: 0,
            autoplay: 1,
            disablekb: 1,
            enablejsapi: 1,
            iv_load_policy: 3,
            modestbranding: 1,
            showinfo: 0
        }
    });
}

onYouTubeIframeAPIReady Функция вызывается API YouTube, когда загрузка завершена. Дополнительные параметры и другие примеры можно найти в документации: https://developers.google.com/youtube/iframe_api_reference

Источник

Youtube не позволит вам избавиться от всего, но вы можете попробовать http://mediaelementjs.com/ - это позволит вам контролировать отображение элементов управления и скрывать их, если хотите.

Источник
Другие вопросы по тегам