Skip to main content

Custom HTML5 Video Player - CuteSu - VideoJS Custom Skin Implementation

Custom HTML5 Video Player - CuteSu - VideoJS Custom Skin Implementation



Full Screen Demo :- https://sopplayer.sh20raj.repl.co/CatSu/

Steps :-

1. Add </video> Tag...

    - About Video Tag ->




<video 
id="my-video" class="video-js" 
controls  poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg" data-setup='' loop>
	
<source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-1080p.mp4" type='video/mp4'/>
	
</video>

2. Add CSS CDN...

    (Before </head> Tag)


<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sh20raj/SopPlayer@main/CatSu/catsu.min.css"/> 
<link rel='stylesheet' href='https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css'> <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Questrial'>



3. Add JavaScript CDN...

    (Before </body> Tag)


<script src="https://cdn.jsdelivr.net/gh/sh20raj/SopPlayer@main/CatSu/catsu.min.js"><script/>


See Demo on Codepen :-




Chats During Video Making ->

Repl.it Files :- https://replit.com/@SH20RAJ/SopPlayer#CatSu/index.html

Codepen Demo :- https://codepen.io/SH20RAJ/pen/ExZJRzV


Get More Video Players :- 



Comments

Random Posts