如何缩小视频播放器的尺寸？

Question

我使用 react-native-video-player，但我很难调整视频播放器的大小，它太大，不适合屏幕，控制按钮不适合可用 space。

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import VideoPlayer from 'react-native-video-player';

export default class VideoPage extends Component {

  render() {
   return (
    <View>
      <VideoPlayer
        video={{ uri: 'file:///storage/emulated/0/Download/sample_video.mp4' }}
        videoWidth={1280}
        videoHeight={720}
      />
    </View>
   );
  }
}

这是我现在拥有的，如您所见，这是不对的。

我需要一些关于如何缩小它的帮助。如您所见，我尝试指定宽度和高度，但它并没有改变任何东西，它保持原样。也许有什么我不知道的？

提前感谢您的任何帮助或建议。

Answer 1

将大小设置为您的视图而不是您的视频播放器，并通过样式设置。

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import VideoPlayer from 'react-native-video-player';

export default class VideoPage extends Component {

  render() {
   return (
    <View style={{width: 1280, height: 720}}>
      <VideoPlayer
        video={{ uri: 'file:///storage/emulated/0/Download/sample_video.mp4' }}

      />
    </View>
   );
  }
}

如何缩小视频播放器的尺寸？

How to make video player size smaller ?

react-native

react-native-android