React Native Video不自动播放吗?

萨曼莎(Samantha)

我正在尝试在我的应用程序上为我的主页制作背景视频,我希望它可以自动播放和循环播放,但是现在所有发生的事情是视频根本没有播放。

这是我的代码:

<Video
          source={require("../../Graphics/LoginVideo.mp4")}
          style={LoginPageStyle.backgroundVideo}
          muted={true}
          repeat={true}
          resizeMode={"cover"}
          rate={1.0}
          ignoreSilentSwitch={"obey"}
        />

这是我的样式表:

const LoginPageStyle = StyleSheet.create({
  title: {
    color: "green",
    fontSize: 60,
    alignItems: "center",
    justifyContent: "center",
    marginTop: 60,
  },

  bottom: {
    paddingTop: 450,
  },

  backgroundVideo: {
    height: height,
    position: "absolute",
    top: 0,
    left: 0,
    alignItems: "stretch",
    bottom: 0,
    right: 0,
  },
});
微微码

我猜你正在使用react-native-video与这样的问题,我想建议你还应该检查包的API第一个像这样的包装道具

我认为您的设置可能有问题。

您可以尝试观察onLoadStartandonLoad回调发生的情况,以查看视频是否存在加载问题。

<Video
          source={{
            uri: fullVideoUrl,
          }}
          volume={1.0}
          muted={true}
          paused={false}
          repeat={true}
          playInBackground={false}
          playWhenInactive={false}
          onLoadStart={() => {
            console.log('onLoadStart', new Date());
          }}
          onLoad={() => {
            console.log('onLoad', new Date());
          }}
        />

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类常见问题

React Native onPress被自动调用

来自分类Dev

React Native类似于React的.map吗?

来自分类Dev

React-Native的Native端可以从React请求信息吗?(桥接/本机模块)

来自分类Dev

React Native:文本节点的“自动”宽度

来自分类Dev

React Native ListView性能太慢吗?

来自分类Dev

react-native-video播放Vimeo和YouTube

来自分类Dev

在React Native中打开视频播放器

来自分类Dev

React Materialize轮播自动播放

来自分类Dev

如何在React Native中播放多个音频?

来自分类Dev

如何使用ref在React Native Video中编辑视频播放器道具

来自分类Dev

播放Dash或.mpd视频react-native(IOS)

来自分类Dev

react-native-video可以同时播放单独的视频和音频轨道吗?

来自分类Dev

React-Native音频播放器中的传递功能

来自分类Dev

是否可以在播放react-native-video之前就缓冲音频文件?

来自分类Dev

React Native:如何在FlatList中播放视频

来自分类Dev

react-native-video仅播放视频的前几秒

来自分类Dev

React Native Viewpager中的自动焦点输入

来自分类Dev

react-native-af-video-player“糟糕!播放此视频时出错,请稍后再试”

来自分类Dev

在不自动播放的情况下打开图库的视频

来自分类Dev

在Windows 10中安装react native时,react-native init冻结吗?

来自分类Dev

视频开始播放时会调用react-native-video onEnd

来自分类Dev

A帧<a-video>自动播放

来自分类Dev

在 React Native 中自动提交 Redux 表单

来自分类Dev

React-Native-Image 没有播放完整的 gif

来自分类Dev

不使用 react-native-sound 播放声音

来自分类Dev

React-Native-Video onClick() 道具

来自分类Dev

如果不是全屏,React Native Youtube Video 不会播放

来自分类Dev

如何在 react-native 中使用 ImageBackground 播放 gif?

来自分类Dev

如何在 react-native 中播放音频?

Related 相关文章

  1. 1

    React Native onPress被自动调用

  2. 2

    React Native类似于React的.map吗?

  3. 3

    React-Native的Native端可以从React请求信息吗?(桥接/本机模块)

  4. 4

    React Native:文本节点的“自动”宽度

  5. 5

    React Native ListView性能太慢吗?

  6. 6

    react-native-video播放Vimeo和YouTube

  7. 7

    在React Native中打开视频播放器

  8. 8

    React Materialize轮播自动播放

  9. 9

    如何在React Native中播放多个音频?

  10. 10

    如何使用ref在React Native Video中编辑视频播放器道具

  11. 11

    播放Dash或.mpd视频react-native(IOS)

  12. 12

    react-native-video可以同时播放单独的视频和音频轨道吗?

  13. 13

    React-Native音频播放器中的传递功能

  14. 14

    是否可以在播放react-native-video之前就缓冲音频文件?

  15. 15

    React Native:如何在FlatList中播放视频

  16. 16

    react-native-video仅播放视频的前几秒

  17. 17

    React Native Viewpager中的自动焦点输入

  18. 18

    react-native-af-video-player“糟糕!播放此视频时出错,请稍后再试”

  19. 19

    在不自动播放的情况下打开图库的视频

  20. 20

    在Windows 10中安装react native时,react-native init冻结吗?

  21. 21

    视频开始播放时会调用react-native-video onEnd

  22. 22

    A帧<a-video>自动播放

  23. 23

    在 React Native 中自动提交 Redux 表单

  24. 24

    React-Native-Image 没有播放完整的 gif

  25. 25

    不使用 react-native-sound 播放声音

  26. 26

    React-Native-Video onClick() 道具

  27. 27

    如果不是全屏,React Native Youtube Video 不会播放

  28. 28

    如何在 react-native 中使用 ImageBackground 播放 gif?

  29. 29

    如何在 react-native 中播放音频?

热门标签

归档