Video Player
Video player is a type of media widget used to play videos in MP4, OGG, MOV, and WEBM formats.
On the large screen design page, drag the video player widget from All > Media to the blank area of the canvas, as shown in Figure 1.
Card
A card wraps a media widget. A widget consists of card elements (card background, effects and card border) and video elements.

- Background
- Background color: Background color of the widget card.
- Border: Border of the widget card. Options: no border, full border, and corner border. For full border and corner border, you can set the line type and rounded corners of the outer border of the widget.
- Style: Image display style. The options are normal, center, stretch, and tiled.
- Choose image: Use a local image as the widget background. Directories and subdirectories can be added to facilitate image management by category. JPG, JPEG, PNG, or GIF images are recommended. The size of each image cannot exceed 50 MB.
- Special effect: Widget highlighted status. Displayed by default or on page load.
- Padding: distance between the video player in the widget and the four sides (top, bottom, left, and right) of the widget (see Figure 2). The default value is 0, indicating that the chart spreads across the widget.
Configuration
In the configuration, set the video address, cover, and play of the video player.

- Video player
- Video address: URL of the video. Supported formats: MP4, OGG, MOV, WEBM.
- Cover: Select an image. Directories and subdirectories can be added to facilitate image management by category. JPG, JPEG, PNG, or GIF images are recommended. The size of each image cannot exceed 50 MB.
- Keep aspect ratio: Whether to retain the original ratio. The value of the widget configuration item is higher than that of the data configuration item.
- Play
- Auto play: Automatically start the video when the page opens.
- Cycle playback: Enable continuous video playback.
- Mute play: Whether to mute a video. Once muted, the volume cannot be adjusted during playback.
- Control bar: Enable the video control bar.
Data
In the data settings, you can set the data source of a video player. For more information, see Data Access.
Interaction
In the interaction settings, you can configure interactions between the video player widget and other widgets or pages. For details, see Interaction Configuration.
Feedback
Was this page helpful?
Provide feedbackThank you very much for your feedback. We will continue working to improve the documentation.See the reply and handling status in My Cloud VOC.
For any further questions, feel free to contact us through the chatbot.
Chatbot