效果展示
原因
一般是推流的分辨率和播放器设置的宽高(比例)不一致导致。
解决方案
1. (比较理想)就是推流和播放器的分辨率设置一致
2. (比较实用)给video标签添加一个object-fit:cover样式,这样播放画面可以覆盖整个播放器,不过画面有裁剪,比较适合直播等一些场景
一般是推流的分辨率和播放器设置的宽高(比例)不一致导致。
1. (比较理想)就是推流和播放器的分辨率设置一致
2. (比较实用)给video标签添加一个object-fit:cover样式,这样播放画面可以覆盖整个播放器,不过画面有裁剪,比较适合直播等一些场景