Video Element
The Video element allows you to embed high-quality motion content with support for autoplay, looping, and custom controls.
Live Preview
Preview how the video player handles custom attributes below.
Video Preview
Specifications
The Video element provides a full HTML5 video experience:
- Playback Control: Toggle Autoplay, Loop, and Muted attributes to customize the player's behavior.
- Player Controls: Enable or disable standard Browser Controls like Play/Pause and Seek bars.
- Poster Image: Provide a custom Poster URL to show an image while the video is loading or before it starts playing.
- Responsiveness: Videos automatically scale with their container while maintaining the original aspect ratio.
- Styling: Apply custom borders, rounded corners, and shadows to match your site design.
AI Guidance
How to prompt for Videos:
- Add a background video that autoplays, loops, and is muted.
- Insert a video player with standard controls and a custom poster image.
- Create a rounded video demo that starts playing as soon as it's visible.