A modern, theme aware video player for html videos.
TABLE OF CONTENTS |
---|
๐ค How? |
๐ What? |
๐ Features |
๐ Plan |
๐จโ๐ป Local Development |
๐ค Contributors |
๐๏ธ License |
- Add below script tag in your html containing valid video tag
<script src="http://unpkg.com/rajeo@latest" defer></script>
ORย ย Add the below script tag in your html containing valid video tag
<script type="module">
import * as rajeo from "https://unpkg.com/rajeo@latest";
window.onload = rajeo;
</script>
ORย ย Add the following in your ES6 and call rajeo()
separately but the html must have a valid video tag
import * as rajeo from "https://unpkg.com/rajeo@latest";
- Thats it, the script itself takes care of others (i.e. It converts the normal video tag to rajeo)
Before adding script |
---|
![]() |
After adding script |
---|
![]() |
- Modern
- Beautiful
- Load Progress (Buffer Progress)
- PiP (Picture-in-Picture) Mode
- Fullscreen
- Top title bar with icon
- Theme aware
- Cross platform
- Mobile friendly
- Responsive
- Zero dependencies
- CSS first approach
- Keyboard shortcuts
- Playback rate
- Volume
- Support popular streaming services
- Gestures
- Piracy protection
- React component
- Custom events
- Custom video parser
- Port to web assembly (aka wasm) and web worker
To clone and build packages of this repository you'll need Git and Node.js (which comes with npm) installed on your device. Copy and paste the following in your command line:
git clone https://github.com/Rajaniraiyn/rajeo.git
cd rajeo
npm install
npm run build
Then check the dist folder you will see dist folder with following structure
dist/
โโ cjs/
โ โโ index.js
โ โโ index.js.map
โ โโ index.min.js
โ โโ index.min.js.map
โโ esm/
โ โโ index.js
โ โโ index.js.map
โ โโ index.min.js
โ โโ index.min.js.map
โโ umd/
โ โโ index.js
โ โโ index.js.map
โ โโ index.min.js
โ โโ index.min.js.map
โโ style.css
โโ style.css.map
Made with contributors-img.