Vimeo или Youtube video in React Native

Question

Мой API возвращает либо Vimeo, либо Youtube URL, но я не смог их отобразить в своем приложении. Компонент react-native-video отображает только видеофайлы, а не ссылки.

Я знаю о react-native-youtube компонента, но у меня есть ссылки на видео из различных источников ...

Там есть возможность также загрузить iframe элемент, но до сих пор не увенчались успехом:

<Iframe url="item.videos" /> 

item.videos:

<div class="embedded-video"> <div class="player"> <iframe class="" width="640" height="360" src="//www.youtube.com/embed/VH69LURiYYs?width%3D640%26amp%3Bheight%3D360%26amp%3Bautoplay%3D0%26amp%3Bvq%3Dlarge%26amp%3Brel%3D0%26amp%3Bcontrols%3D1%26amp%3Bautohide%3D2%26amp%3Bshowinfo%3D1%26amp%3Bmodestbranding%3D0%26amp%3Btheme%3Ddark%26amp%3Biv_load_policy%3D1%26amp%3Bwmode%3Dopaque" frameborder="0" allowfullscreen></iframe> </div> </div> 

Это приводит к: expected component class, got [object] [object]

Скажите, пожалуйста, есть ли другой способ отображать видео, или это конец? :(

Answer 1

Ваш шаблон совершенно неправильно. Вы не можете вставлять HTML внутри параметра элемента. Вещи не работает.

Почему бы не разработать простое приложение Single-страницы, которая позволяет использовать Vimeo и Youtube контент на весь экран, как реагировать-нативной YouTube выглядит под капотом Это действительно не то, что комплекс

См:.. https://github.com/inProgress-team/react-native-youtube/blob/master/Assets/YTPlayerView-iframe-player.html