search

xuyuanzhou / react-native-yz-vlcplayer

VLC Player for react-native
MIT License
152 stars 52 forks source link

视频如何铺满整个屏幕？ #36

Open yunuo-tech opened 5 years ago

yunuo-tech commented 5 years ago

现在高度和宽度都是100%，但是上下还是有黑边。 image

xuyuanzhou commented 5 years ago

fullVideoAspectRatio={"16：9"} videoAspectRatio={"16：9"} 自己设置宽高比

yunuo-tech commented 5 years ago

fullVideoAspectRatio={"16：9"} videoAspectRatio={"16：9"}

经过详细测试，设置后并未生效。 ios 表现为 image 设置为9:16反而正常了。 但是在安卓上没有生效，表现为：进来的一瞬间是正常的，但是一闪而过后又上下有黑边了。

xuyuanzhou commented 5 years ago

这样子么，我到时看看吧

xuyuanzhou commented 5 years ago

import {StyleSheet, View, Dimensions} from 'react-native'; import Orientation from 'react-native-orientation'; const height = Dimensions.get('window').height; const width = Dimensions.get('window').width; fullVideoAspectRatio={ width + ":" + height} 安卓你可以先用全屏的宽高比

xuyuanzhou commented 5 years ago

使用1.1.1-beta7版本， 使用参数autoAspectRatio={true} 只作用于Android

yunuo-tech commented 5 years ago

使用1.1.1-beta7版本， 使用参数autoAspectRatio={true} 只作用于Android

还是不理想，现在加上这个参数后，视频画面感觉是被强制拉伸的，是否可以参考下react-native-video的：posterResizeMode和resizeMode这种方式？ 我记得react-native-video是没有这个问题的。可惜ios 版得不支持 flv。

另外 我手机是刘海屏 比例调成18:9也不行。 image

yunuo-tech commented 5 years ago

呃。。。。我把视频宽度调成"120%"，居然就解决了这个问题了。。。。 只是这样还会引起其他问题，所以还是希望这个库能把这个问题彻底解决了

tzraeq commented 5 years ago

楼主是想拉伸铺满？还是等比自适应？另外，请问一下楼主你做这个直播，视频源是rtsp么？

yunuo-tech commented 5 years ago

楼主是想拉伸铺满？还是等比自适应？另外，请问一下楼主你做这个直播，视频源是rtsp么？

我想拉伸铺满，现在是把宽度调成120%解决了。 视频源是flv

xuyuanzhou commented 5 years ago

还没想好怎么弄，我不做直播

tzraeq commented 5 years ago

楼主是想拉伸铺满？还是等比自适应？另外，请问一下楼主你做这个直播，视频源是rtsp么？

我想拉伸铺满，现在是把宽度调成120%解决了。 视频源是flv

你的意思是 超出屏幕的部分不显示？只要不出现黑边就行呗？