带有动态 url 的 react-native-video

Posted 2023-03-15

技术标签:

【中文标题】带有动态 url 的 react-native-video【英文标题】：react-native-video with dynamic url 【发布时间】：2018-05-24 19:10:46 【问题描述】：

我正在使用 fetch 调用视频 URL 的 API。我在使用 react-native-video 时遇到问题。视频没有显示。

<Video
  repeat
  resizeMode='cover'
  source=uri:`$this.state.base_url$item.video` 
  style = styles.backgroundVideo 
/>

我得到一个空白屏幕。在文档中，他们提到如下代码。

source=require('../assets/video/turntable.mp4')

如何呈现如上所述的动态 URL？谢谢

【问题讨论】：

【参考方案1】：

我正在使用这个组件，它工作正常，从 API 获取。

<Video
  source=
    uri: this.state.waitingVideoURL,
  
  resizeMode="cover"
  style=styles.backgroundVideo
  repeat
  onLoad=this.stopLoading
/>

在您的代码中，为什么您在源代码中有两个变量； item.video 是什么？

source=uri:`$this.state.base_url$item.video`

【讨论】：

以上是关于带有动态 url 的 react-native-video的主要内容，如果未能解决你的问题，请参考以下文章