Custom Media Player
Stunning custom-skinned controls wrapper for HTML5 video and audio tags. Features custom timeline tracks, interactive volume controls, and rotating vinyl cover animations.
💎 Premium Plugin Extension
This component is part of the FrankUI Pro package. Purchase a license to get code access.
🔒
Source Code Restriced
The custom visual controllers engine and styles for the custom HTML5 video/audio player skins are only available to Pro license holders.
Usage Reference & API Options
Configure the player using parameters on the wrapping element:
| Attribute | Type | Description |
|---|---|---|
| data-role="mediaplayer" | HTML Attribute | Identifies element as a custom Media Player skin wrapper. |
| data-type | video | audio |
Configures player display formatting. Defaults to video. |
| data-source / src | String (URL) | Path to the target media video file or mp3 audio stream. |
| data-title | String | Display track name overlay (specifically for Audio cover modes). |