竖屏初始状态下ExoPlayer无法自适应容器并保持宽高比问题

问题背景 #

React Native应用全局锁定竖屏，仅播放器模块支持横竖屏切换；初始竖屏状态下，ExoPlayer的PlayerView无法适配容器并保持视频宽高比，仅在横竖屏切换后才能正常显示。已尝试设置resize_mode="fit"、调整videoScalingMode、移除Activity竖屏锁定等方案，均未解决。

已尝试方案回顾 #

• 将PlayerView的resize_mode设置为fit（代码+布局xml）
• 移除PlayerView强制16:9宽高比设置
• 设置ExoPlayer实例的videoScalingMode为VIDEO_SCALING_MODE_SCALE_TO_FIT
• 移除MainActivity的android:screenOrientation="portrait"配置

针对性解决方案 #

1. 手动触发PlayerView布局重绘 #

初始加载时，PlayerView可能未及时获取视频尺寸信息导致布局异常。可在视频准备就绪后，强制触发布局更新：

player.addListener(new Player.EventListener() {
    @Override
    public void onPlaybackStateChanged(int playbackState) {
        if (playbackState == Player.STATE_READY) {
            // 延迟触发，确保视频元数据已加载完成
            playerView.post(() -> {
                playerView.requestLayout();
                // 可选：强制重置布局参数
                ViewGroup.LayoutParams params = playerView.getLayoutParams();
                params.width = ViewGroup.LayoutParams.MATCH_PARENT;
                params.height = ViewGroup.LayoutParams.MATCH_PARENT;
                playerView.setLayoutParams(params);
            });
        }
    }
});

2. 简化布局嵌套结构 #

多层ConstraintLayout嵌套可能导致初始布局计算异常，简化布局如下：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="@color/black"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.google.android.exoplayer2.ui.PlayerView
        android:id="@+id/exoplayerview_video"
        app:resize_mode="fit"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</FrameLayout>

3. 手动传递配置变更事件 #

由于应用全局锁定竖屏，PlayerView可能未感知到初始屏幕配置，可在组件初始化时手动触发配置变更通知：

// 在播放器初始化完成后调用
playerView.onConfigurationChanged(getResources().getConfiguration());

4. 升级ExoPlayer版本 #

当前使用的2.13.1版本存在已知的布局适配bug，建议升级至2.18.x及以上稳定版本，同时确保compileSdkVersion和targetSdkVersion与新版本适配。

问题原因分析 #

从现象来看，初始竖屏时PlayerView未正确获取视频的宽高比元数据，或布局计算未被触发；而截图、横竖屏切换等操作会触发视图重绘，此时PlayerView已获取到视频尺寸，因此显示正常。上述方案从强制触发布局、简化布局、补全配置通知、修复版本bug四个维度解决问题。

内容的提问来源于stack exchange，提问作者vma_93