如何在没有 webview 的情况下将 vimeo 播放器嵌入 react-native？

【问题标题】：How to embed vimeo player in react-native without webview?如何在没有 webview 的情况下将 vimeo 播放器嵌入 react-native？
【发布时间】：2019-07-27 02:52:09
【问题描述】：

我的 react-native 应用需要一个 vimeo 播放器，但它不能是 WebView。有一些应用程序具有这种行为，但我找不到它的库。

const html = `<iframe ... src="https://player.vimeo.com/video/${video.id}"></iframe>` 
<WebView ... source={{ html  }} />

这个 sn-p 是我当前的播放器，但它不能提供良好的 webview 用户体验。

【问题讨论】：

你解决了这个问题吗？

标签： react-native vimeo

【解决方案1】：

您可以使用此模块。 React Native Vimeo Player

你可以运行npm install react-native-vimeo

用法

<Vimeo
    ref='video'
    videoId='2619976' // Vimeo video ID
    onReady={ () => console.log('Video is ready') }
    onPlay={ () => console.log('Video is playing') }
    onPlayProgress={ data => console.log('Video progress data:', data) }
    onFinish={ () => console.log('Video is finished') }
  />

【讨论】：