推荐开源项目:React Native 视频组件 - react-native-video
import React from 'react';
import { View, StyleSheet } from 'react-native';
import Video from 'react-native-video';
export default class VideoPlayer extends React.Component {
render() {
return (
<View style={styles.container}>
<Video
source={{ uri: 'https://www.example.com/video.mp4' }}
style={styles.video}
resizeMode="cover"
shouldPlay
isLooping
/>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: 'black',
},
video: {
width: '100%',
height: '100%',
aspectRatio: 16 / 9,
},
});
这段代码演示了如何在React Native应用中嵌入和控制视频播放。它使用了react-native-video
包来实现视频播放,并展示了如何设置视频源、样式和播放选项。
评论已关闭