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

Posted 2023-02-25

【中文标题】如何在没有 webview 的情况下将 vimeo 播放器嵌入 react-native？

【英文标题】：How to embed vimeo player in react-native without webview?

【发布时间】：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 用户体验。

【问题讨论】：

你解决了这个问题吗？

【参考方案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') 
  />