1# Video (System API) 2 3The **Video** component is used to play a video and control its playback. 4 5> **NOTE** 6> 7> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version. 8> 9> This topic describes only system APIs provided by the module. For details about its public APIs, see [Video](ts-media-components-video.md). 10 11## Attributes 12 13### surfaceBackgroundColor<sup>15+</sup> 14 15surfaceBackgroundColor(color: ColorMetrics) 16 17Sets the background color of the **SurfaceNode** in the **Video** component. 18 19**System API**: This is a system API. 20 21**System capability**: SystemCapability.ArkUI.ArkUI.Full 22 23**Parameters** 24 25| Name| Type | Mandatory| Description | 26| ------ | ------------ | ---- | ---------------------------- | 27| color | [ColorMetrics](../js-apis-arkui-graphics.md#colormetrics12) | Yes | Background color of the **SurfaceNode** in the **Video** component. Only black and transparent colors are supported. Any other color will default to black.<br>Default value: **Color.Black**| 28