LayX
Download
Getting started
Introduction Installation Quick Start CLI
Core Concepts
Overview
Customize
Customize
Layout System
Breakpoints Container Component Layout Component
Main
Base Typography
Components
Accordion Alert Breadcrumb Button Card Carousel Chart Dialog Draggable Form Footer Media Navbar Pagination Popover Sheet Section Tab Tooltip Window
Helpers
Flex and Grid Layout
Utilities
Border Color Display Flex Grid Height Margin Opacity Padding Position Shadow Width Z-index
Others
Background Dynamic Render Icon PWA Partial Render Scroll Driven Animation Smooth Scroll Syntax Highlighter Theme View Transition
About
Contributing License
Media

The media.css file provides styling for all media elements such as audio and video. It enhances both the UI and UX, especially on Chromium-based browsers.

Examples

Below are some examples of audio and video elements:

Useful Info

Here are some useful details about media elements:

  • Media elements can be customized using CSS variables such as: --radius, --play-button-color, --video-bg, --video-control-bg, and --caption-bg.
  • Apply the .vertical class to media elements to display them in a vertical layout.
  • Use the .fullscreen-cover class to make a video element cover the full screen.
See Example