React Native 中的 Vimeo 或 Youtube 视频答案

【问题标题】：Vimeo or Youtube video in React NativeReact Native 中的 Vimeo 或 Youtube 视频
【发布时间】：2016-11-05 02:56:06
【问题描述】：

我的 API 返回 Vimeo 或 Youtube 网址，但我无法在我的应用程序中显示它们。 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]

请告诉我还有另一种显示视频的方式，或者快结束了吗？ :(

【问题讨论】：

标签： video react-native

【解决方案1】：

你的模式完全错误。您不能在元素参数中嵌入 HTML。事情不是这样的。

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

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

【讨论】：