2015-11-30 1 views
1

Как я могу получить видео на YouTube для воспроизведения встроенного в приложение Ionic/Cordova/PhoneGap на iPhone? Я пробовал все лучшие результаты здесь и Google безрезультатно. Встраивается ли я с iframe, объектом или с помощью YouTube iframe api, видео всегда открывается в полноэкранном режиме.Видео Inline YouTube в приложении Ionic/Cordova/PhoneGap на iOS/iPhone

Существует множество приложений для iOS, которые достигают этого. Как они достигают этого? И можно ли это как-то угнать и внедрить в приложение Кордовы? Например, через плагин Cordova?

+0

Исправьте меня, если я ошибаюсь, но видео Youtube должно отображаться в строке изначально и расширяться при игре. Если вы используете 'iframe', вы можете установить для полноэкранного атрибута' fs' значение '0' и' playinginline' в '1'. Возможно, вы захотите проверить [документацию] (https://developers.google.com/youtube/player_parameters). – Huey

+0

Спасибо, это было 1 часть решения, я опубликовал полный ответ ниже. –

ответ

1

Я, наконец, получил эту работу.

Во-первых, вставить видео на YouTube, как так:

<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/XL9528Gohe0?autohide=1&playsinline=1&showinfo=0" frameborder="0" allowfullscreen=""></iframe> 

Затем закрыть Xcode и редактировать config.xml (как правило, в корневом каталоге вашего проекта).

Добавьте эту строку под другими предпочтениями:

<preference name="AllowInlineMediaPlayback" value="true" /> 

Сохранить его, перестроить проект, открытый в Xcode и запустить снова. Теперь ваше видео на YouTube должно быть встроено. Проверено на последнюю прошивку (9.1) на iPhone 6.

+0

Меня не сработало. Я следовал за его каждым шагом и ничем. В том месте, где должно появиться видео с YouTube, это всего лишь пустое пространство. –

+2

Нужно упомянуть одно. В config.xml следует добавить эту строку: '' –

+0

Я посмотрел и искал решение. Ничего не получилось. Спасибо, что опубликовали что-то завершенное. Это, наконец, позволило мне получить видео в YouTube, чтобы играть в моем приложении. Последующие настройки Zhou Hap и ваших настроек. – user1204493

3

Как добавил @Zhou Хао в комментариях, вы также должен

<allow-navigation href="*://*.youtube.com/*" /> 

Без него, он работал отлично в Android, но ничего не отображается в прошивке (содержание iframe было <html><body></body></html>).

После того, как вы добавили его, он отлично работал и на iOS.

Это с Cordova iOS 4.2.0.

+0

Протестировано на iOS 8.3 (Cordova iOS 6.0), и оно работает. Thanx – Zappescu

0

В качестве параметра игрока в соответствии с документацией следует использовать playsinline. youtube API

Смежные вопросы