Вставить Youtube видео в Экспо Проект - PullRequest
0 голосов
/ 01 января 2019

Я пытаюсь встроить следующее видео на YouTube в выставочный проект: https://www.youtube.com/watch?v=mJ_fkw5j-t0

Основываясь на ответах, найденных здесь: Как воспроизводить видео на YouTube с помощью Expo Я пытался использоватьследующий код:

<WebView
            style={{flex:1}}
            javaScriptEnabled={true}
            source={{uri: 'https://www.youtube.com/embed/mOO5qRjVFLw'}}
        />
</View>

Это работает, вплоть до того момента, когда приложение загружается, я могу видеть видео, но когда я пытаюсь нажать кнопку воспроизведения, оно говорит, что видео делаетне существует (встроенный URL-адрес был найден с помощью следующих инструкций Google, найденных здесь: https://support.google.com/youtube/answer/171780?hl=en).

Я также попытался изменить код для использования полного встроенного YouTube, предоставив мне, изменив исходный код на HTML следующим образом:

 <WebView
    source={{html: <iframe width="560" height="315"  
         src="https://www.youtube.com/embed/mJ_fkw5j-t0" frameborder="0"    
         allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
        allowfullscreen></iframe>}}
 />

, но это также приводит к длинному сообщению об ошибке, которое я не понимаю. Однако, когда я использую встроенное видео чужого примера (исходный ответ пришел с ранее связанной страницы stackoverflow):

 <WebView
            style={{flex:1}}
            javaScriptEnabled={true}
            source={{uri: 'https://www.youtube.com/embed/ZZ5LpwO-An4?rel=0&autoplay=0&showinfo=0&controls=0'}}
        />

это работает очень хорошо, заставляя меня поверить в то, что я получаю ссылку для встраивания / использую то, что дает мне YouTube, но я не могу понять, что именно.
Любая помощь будет принята с благодарностью.

ОБНОВЛЕНИЕ: Похоже, проблема связана со ссылкой, которую генерирует youtube - я экспериментировал с различными видео на YouTube, и иногда ссылка для встраивания работает, а иногда нет.«т.Когда это не работает, это также не работает, когда я пытаюсь напрямую вставить ссылку для вставки в мой браузер, и когда она работает, она работает, когда я вставляю ее в свой браузер, так что, похоже, это скорее ошибкаYouTube генерирует ссылку / видео для встраивания, а не проблему с Expo.

1 Ответ

0 голосов
/ 05 января 2019

Вот как мы форматируем наш URL для встраивания видео YouTube в ваше приложение.https://www.youtube.com/embed/'+videoId+'?modestbranding=1&playsinline=1&showinfo=0&rel=0

Где videoId - это уникальный идентификатор видео на YouTube.Например, videoId для https://www.youtube.com/watch?v=0lZDDyAgnWs будет 0lZDDyAgnWs.

Надеюсь, это поможет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...