mudey-player
v1.0.2
Published
Mudey Player is a custom HTML5 video player built as a web component using the Web Components API and Shadow DOM. This lightweight player offers customizable features, including color themes and playback controls.
Downloads
8
Readme
Mudey Player
Description
Mudey Player is a custom HTML5 video player built as a web component using the Web Components API and Shadow DOM. This lightweight player offers customizable features, including color themes and playback controls.
Installation
To use Mudey Player in your project, follow these simple steps:
- Include the Mudey Player script in your HTML file:
<script src="/node_modules/mudey-player/lib/mudey-player-min.js"></script>- Add the
<mudey-player>element to your HTML:
<mudey-player
width="640"
height="400"
src="/assets/videos/présentation_de_la_formation_angular (720p).mp4">
</mudey-player>Attributes
Mudey Player supports the following attributes:
color(optional): Allows you to set the color theme for the player controls.name(optional): Provides a name or title for the video displayed.
Usage
Here's an example of how you can use Mudey Player in your HTML:
<mudey-player
width="640"
height="400"
color="#008080"
name="Mudey"
src="/assets/videos/présentation_de_la_formation_angular (720p).mp4"
>
</mudey-player><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<mudey-player
width="640"
height="400"
color="#008080"
name="Ouitube"
src="/assets/videos/présentation_de_la_formation_angular (720p).mp4">
</mudey-player>
<script src="/node_modules/mudey-player/lib/mudey-player-min.js"></script>
</body>
</html>Features
- Customizable color theme.
- Play and pause controls.
- Video title or name display.
License
This project is licensed under the MIT License. See the LICENSE file for details.
Author
- Mudey Formaton