视频周围出现绿色边框

Question

我在我的视频应用程序中使用 react-native-video 。大多数视频都按预期工作。但对于某些视频，视频周围会出现绿色边框。我不知道它来自哪里。有人可以帮我解决这个问题吗？

请检查下面的源代码

                     <View style={{
                        width:  160,
                        height:  270,
                        justifyContent:"center", 
                        alignItems: 'center',
                    }} >
                        
                        <Video
                            ref={(ref) => {
                                Player = ref
                       
                            }}
                            source={source}
                            ignoreSilentSwitch="ignore"
                            key={"key"+keyVal.toString()}
                           
                            style={{
                                width: 160,
                                height: 270,

                            }}
                            muted={false}
                            volume={1.0}
                          
                            resizeMode= {"contain"}
                            paused={isPaused}
                            onError={(error) => {
                            }}
                           
                            onReadyForDisplay={() => {

                            }}
                          
                            playInBackground={false}
                            playWhenInactive={false}
                        />

                    </View>

Answer 1

这可能是指你的视频风格。首先更改您的 video 组件样式，如下所示：

  style={{
            width: "100%",
            height: "100%",
         }}

如果不起作用，您可以更改 video 组件的 resizeMode ，例如 stretch