尝试在react-native-video中全屏显示时视频消失

思南·沙美

当我在页面上时,该视频是可见的,并且可以按照我想要的方式播放。当我按下它时,我会调用该presentFullscreenPlayer()函数,并且视频消失,而我仍然可以听到它。

该视频:

<TouchableHighlight style={styles.video} onPress={() => this.player.presentFullscreenPlayer()}>
  <View>
    <Video source={video}   // Can be a URL or a local file.
           ref={ref => this.player = ref} // Store reference
           rate={1.0}                     // 0 is paused, 1 is normal.
           volume={1.0}                   // 0 is muted, 1 is normal.
           muted={false}                  // Mutes the audio entirely.
           paused={true}                 // Pauses playback entirely.
           resizeMode="cover"             // Fill the whole screen at aspect ratio.
           repeat={false}                  // Repeat forever.
           playInBackground={false}       // Audio continues to play when app entering background.
           playWhenInactive={false}       // [iOS] Video continues to play when control or notification center are shown.
           progressUpdateInterval={250.0} // [iOS] Interval to fire onProgress (default to ~250ms)
           onLoadStart={this.loadStart}   // Callback when video starts to load
           onLoad={() => {
                      this.player.seek(10);
                      }}      // Callback when video loads
           onProgress={this.setTime}      // Callback every ~250ms with currentTime
           onEnd={this.onEnd}             // Callback when playback finishes
           onError={this.videoError}      // Callback when video cannot be loaded
           style={styles.locatieVideo} />
  </View>
</TouchableHighlight>

我认为我的样式可能是错误的,但是我不确定该如何处理。

样式:

  locatieVideo:{
    position: 'absolute',
    top: 0,
    left: 0,
    width: 250,
    height: 200,
    zIndex: 501,
  },
  video:{
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
    bottom: 0,
    zIndex: 500,
  },

编辑:

我还注意到它确实获得了全屏显示,但仍保留在背景图片的后面。该页面是使用react-native-router-flux创建的模式。可以和这有关系吗?

思南·沙美

显然this.player.presentFullscreenPlayer(),Android不支持该功能

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

尝试在React Native中的模态中显示视频

来自分类Dev

尝试在React Native中的模态中显示视频

来自分类Dev

尝试在React Native中组织模块时无法解析模块

来自分类Dev

尝试使用React Native创建项目时出错

来自分类Dev

尝试使用 react-native 项目中的 Speakeasy 时出错

来自分类Dev

尝试在 ios 上运行 react-native 时出错

来自分类Dev

TypeError:在React Native中传播不可迭代实例的无效尝试

来自分类Dev

React Native中的全屏图像

来自分类Dev

更改源时,React-Native-Video不更改视频

来自分类Dev

尝试访问远程服务器时,React-native提取失败并显示“网络请求失败”

来自分类Dev

更改视频 react-native-video 组件中的状态/道具

来自分类Dev

如何在react native中显示带有react native视频的多个视频?

来自分类Dev

React Native如何使图像全屏显示?

来自分类Dev

如何在React Native中添加本地图像?尝试时出现错误

来自分类Dev

尝试在React Native中访问状态时“未定义不是对象”

来自分类Dev

尝试使用@ react-native-community / slider时,在UI Manager中找不到RNCSlider

来自分类Dev

尝试在react-native的底部标签导航中添加图像时遇到的问题

来自分类Dev

在模拟器中尝试测试时,react-native应用程序错误(?)

来自分类Dev

React Native:放入视图时TextInput消失

来自分类Dev

为什么React Native Navigation侦听器在第一次尝试时触发?

来自分类Dev

React-Native-尝试注入启动画面图像时出现RangeError

来自分类Dev

React Native Firebase存储-尝试使用.putFile()保存图像时出现错误

来自分类Dev

使用React Native,当我尝试使用背景图像时出现错误

来自分类Dev

React Native屏幕尝试导出功能

来自分类Dev

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

来自分类Dev

导入Crypto时出错-尝试更新React Native中的一些模块,现在得到crypto错误

来自分类Dev

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

来自分类Dev

React Native中的zIndex

来自分类Dev

React Native中的海拔

Related 相关文章

  1. 1

    尝试在React Native中的模态中显示视频

  2. 2

    尝试在React Native中的模态中显示视频

  3. 3

    尝试在React Native中组织模块时无法解析模块

  4. 4

    尝试使用React Native创建项目时出错

  5. 5

    尝试使用 react-native 项目中的 Speakeasy 时出错

  6. 6

    尝试在 ios 上运行 react-native 时出错

  7. 7

    TypeError:在React Native中传播不可迭代实例的无效尝试

  8. 8

    React Native中的全屏图像

  9. 9

    更改源时,React-Native-Video不更改视频

  10. 10

    尝试访问远程服务器时,React-native提取失败并显示“网络请求失败”

  11. 11

    更改视频 react-native-video 组件中的状态/道具

  12. 12

    如何在react native中显示带有react native视频的多个视频?

  13. 13

    React Native如何使图像全屏显示?

  14. 14

    如何在React Native中添加本地图像?尝试时出现错误

  15. 15

    尝试在React Native中访问状态时“未定义不是对象”

  16. 16

    尝试使用@ react-native-community / slider时,在UI Manager中找不到RNCSlider

  17. 17

    尝试在react-native的底部标签导航中添加图像时遇到的问题

  18. 18

    在模拟器中尝试测试时,react-native应用程序错误(?)

  19. 19

    React Native:放入视图时TextInput消失

  20. 20

    为什么React Native Navigation侦听器在第一次尝试时触发?

  21. 21

    React-Native-尝试注入启动画面图像时出现RangeError

  22. 22

    React Native Firebase存储-尝试使用.putFile()保存图像时出现错误

  23. 23

    使用React Native,当我尝试使用背景图像时出现错误

  24. 24

    React Native屏幕尝试导出功能

  25. 25

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

  26. 26

    导入Crypto时出错-尝试更新React Native中的一些模块,现在得到crypto错误

  27. 27

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

  28. 28

    React Native中的zIndex

  29. 29

    React Native中的海拔

热门标签

归档