root/webRtc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

【m】保证视频比例

Browse Source
This commit is contained in:
zhangzheng
2026-03-12 15:38:40 +08:00
parent 30f16592b4
commit eb041af507
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
WebApp/client/public/onebyone/index.html
View File

@@ -150,7 +150,7 @@
<!-- [FALLBACK: remoteUser.avatar] [TYPE: string] [URL] --> <!-- [FALLBACK: remoteUser.avatar] [TYPE: string] [URL] -->
<video id="remoteVideo" <video id="remoteVideo"
alt="对方视频" alt="对方视频"
class="w-full h-full object-cover" class="w-full h-full object-contain"
autoplay autoplay
data-field="remoteUser.videoStream"> data-field="remoteUser.videoStream">
</video> </video>

2
WebApp/client/public/onebyone/renderer.js
View File

@@ -497,7 +497,7 @@ class UIRenderer {
// 确保视频元素在容器内正确显示 // 确保视频元素在容器内正确显示
videoElement.style.maxWidth = '100%'; videoElement.style.maxWidth = '100%';
videoElement.style.maxHeight = '100%'; videoElement.style.maxHeight = '100%';
videoElement.style.objectFit = 'contain'; videoElement.style.objectFit = 'contain'; // 保持原始比例，不裁剪
} }
// 渲染控制按钮 // 渲染控制按钮
renderControlButtons(mediaState) { renderControlButtons(mediaState) {