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

思南·沙美

当我console.log()进入onEnd视频组件功能时,它会在页面加载时立即被调用。console.log()from中onPressThouchableHighlight也被同时调用。Actions.videoPlayer()从存储库react-native-router-flux中单击该视频的缩略图即可转到此页面。

render() {
let video = require('../videos/HISTORISCHETUIN.mp4');

 return (
  <View>
    <TouchableHighlight onPress={console.log("Test")}>
      <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="stretch"             // Fill the whole screen at aspect ratio.
               repeat={true}                  // 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(30);
                          }}      // Callback when video loads
               onProgress={this.setTime}      // Callback every ~250ms with currentTime
               onEnd={console.log("Test")}             // Callback when playback finishes
               onError={this.videoError}      // Callback when video cannot be loaded
               style={styles.video} />
      </View>
    </TouchableHighlight>
  </View>
)

}

console.log()视频播放结束后为什么不调用当我按视频时,它也不起作用。

汤姆·沃尔特斯

那是因为您需要将其包装在一个闭合中。

这段代码:

onEnd={console.log('123')}

console.log当prop实际需要一个函数时,将立即执行渲染组件时的操作。

要解决此问题,请使用:

onEnd={() => console.log('123')}

在这里,您为道具赋予了它可以执行的功能,而不是的结果console.log

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用video.js更改视频播放速度

来自分类Dev

在Session_OnEnd中获取用户

来自分类Dev

ASP.NET MVC重定向OnEnd

来自分类Dev

使用video.js在iOS上内联播放视频?

来自分类Dev

React Native-什么时候会调用“ componentWillUnmount”?

来自分类Dev

react-native-video播放Vimeo和YouTube

来自分类Dev

在React Native中打开视频播放器

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

React Native Video不自动播放吗?

来自分类Dev

用于开发React Native Video Chat App的库和API?

来自分类Dev

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

来自分类Dev

当用户滚动到viewpager(@ react-native-community / viewpager)的另一个页面时,如何暂停正在播放的视频(与react-native-video一起播放)?

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

ResponsiveVoice中的“ onend”并不意味着在播放文字之后?

来自分类Dev

Session_OnEnd行为

来自分类Dev

视频无法在HTML <video>标签中播放

来自分类Dev

无法在react-native-video项目上调用函数

来自分类Dev

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

来自分类Dev

通过 ImagePicker 选择的视频使用 react-native-video 不可见

来自分类Dev

react-native-twilio-video-webrtc ios pods 错误

来自分类Dev

React-Native-Video onClick() 道具

来自分类Dev

刚刚安装 react-native-fullscreen-video 并收到此错误:未定义不是对象(评估“Orientation.lockToPortrait”)

来自分类Dev

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

来自分类Dev

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

Related 相关文章

  1. 1

    使用video.js更改视频播放速度

  2. 2

    在Session_OnEnd中获取用户

  3. 3

    ASP.NET MVC重定向OnEnd

  4. 4

    使用video.js在iOS上内联播放视频?

  5. 5

    React Native-什么时候会调用“ componentWillUnmount”?

  6. 6

    react-native-video播放Vimeo和YouTube

  7. 7

    在React Native中打开视频播放器

  8. 8

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

  9. 9

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

  10. 10

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

  11. 11

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

  12. 12

    React Native Video不自动播放吗?

  13. 13

    用于开发React Native Video Chat App的库和API?

  14. 14

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

  15. 15

    当用户滚动到viewpager(@ react-native-community / viewpager)的另一个页面时,如何暂停正在播放的视频(与react-native-video一起播放)?

  16. 16

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

  17. 17

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

  18. 18

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

  19. 19

    ResponsiveVoice中的“ onend”并不意味着在播放文字之后?

  20. 20

    Session_OnEnd行为

  21. 21

    视频无法在HTML <video>标签中播放

  22. 22

    无法在react-native-video项目上调用函数

  23. 23

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

  24. 24

    通过 ImagePicker 选择的视频使用 react-native-video 不可见

  25. 25

    react-native-twilio-video-webrtc ios pods 错误

  26. 26

    React-Native-Video onClick() 道具

  27. 27

    刚刚安装 react-native-fullscreen-video 并收到此错误:未定义不是对象(评估“Orientation.lockToPortrait”)

  28. 28

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

  29. 29

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

热门标签

归档