# VideoLayout (/zh-CN/api-reference/rtc/flutter/class-videolayout)

> For AI agents: see the complete documentation index at [llms.txt](/llms.txt).

<a id="class_videolayout__prototype"></a>

```dart
@JsonSerializable(explicitToJson: true, includeIfNull: false)
class VideoLayout {
  const VideoLayout(
      {this.channelId,
      this.uid,
      this.strUid,
      this.x,
      this.y,
      this.width,
      this.height,
      this.videoState});
  @JsonKey(name: 'channelId')
  final String? channelId;
  @JsonKey(name: 'uid')
  final int? uid;
  @JsonKey(name: 'strUid')
  final String? strUid;
  @JsonKey(name: 'x')
  final int? x;
  @JsonKey(name: 'y')
  final int? y;
  @JsonKey(name: 'width')
  final int? width;
  @JsonKey(name: 'height')
  final int? height;
  @JsonKey(name: 'videoState')
  final int? videoState;
  factory VideoLayout.fromJson(Map<String, dynamic> json) =>
      _$VideoLayoutFromJson(json);
  Map<String, dynamic> toJson() => _$VideoLayoutToJson(this);
}
```

<a id="class_videolayout__parameters"></a>

## 属性 [#属性]

<ParameterList>
<a id="channelid"></a>
<Parameter name="channelId">

合图子视频流所属的频道名。

</Parameter>
<a id="uid"></a>
<Parameter name="uid">

发布该合图子视频流的用户 ID。

</Parameter>
<a id="struid"></a>
<Parameter name="strUid">

预留参数。

</Parameter>
<a id="x"></a>
<Parameter name="x">

合图子视频在合图画布上的 x 坐标 (px)。即合图子视频的左上角相对于合图画布左上角（原点）的横向位移。

</Parameter>
<a id="y"></a>
<Parameter name="y">

合图子视频在合图画布上的 y 坐标 (px)。即合图子视频的左上角相对于合图画布左上角（原点）的纵向位移。

</Parameter>
<a id="width"></a>
<Parameter name="width">

合图子视频流的宽度 (px)。

</Parameter>
<a id="height"></a>
<Parameter name="height">

合图子视频流的高度 (px)

</Parameter>
<a id="videostate"></a>
<Parameter name="videoState">

合图子视频流在合图画布上的状态。

- 0：正常。该视频流已被渲染到合图画布。
- 1：占位图。该视频流无视频画面，在合图画布中显示为占位符。
- 2：黑色图片。该视频流被黑色图片替代。

</Parameter>
</ParameterList>