Vimeo或Youtube视频

Question

我的API返回Vimeo或Youtube URL，但我无法在应用程序中显示它们。react-native-video组件只显示视频文件，而不显示链接。

我知道react-native-youtube组件，但我有来自不同来源的视频URL..。

也有可能加载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。事情不是这样的。

为什么不开发一个简单的单页应用程序，让您可以利用Vimeo和Youtube的内容全屏，就像react本地的youtube一样？看看引擎盖下面。其实也没那么复杂。

请参阅：https://github.com/inProgress-team/react-native-youtube/blob/master/Assets/YTPlayerView-iframe-player.html