sopplayer/dtube/index.md

Sopplayer is a sleek and feature-rich HTML5 video player that enhances the visual experience of videos on web pages. It offers compatibility across devices and browsers, supporting various video formats. With intuitive controls and customizable options, S

# [Sopplayer Repo]()
![dtube](https://user-images.githubusercontent.com/66713844/141788148-28a27c33-6d69-42f3-be95-b5e4b487a79c.PNG)

# **VideoJS DTube Skin**
 
 - Source :- [https://github.com/dtube/embed](https://github.com/dtube/embed)
 - Codepen :- [https://codepen.io/SH20RAJ/pen/vYJVOYK?editors=1000](https://codepen.io/SH20RAJ/pen/vYJVOYK?editors=1000)
 - GitHub :- [https://github.com/SH20RAJ/Sopplayer/blob/main/dtube/index.md](https://github.com/SH20RAJ/Sopplayer/blob/main/dtube/index.md)
 
 - Know More about Video.JS Features and Installation :- [https://codexdindia.blogspot.com/search/label/Video.js](https://codexdindia.blogspot.com/search/label/Video.js)
## Installation


 - **Add CSS CDN in between head tags**

	```
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/SH20RAJ/Sopplayer@main/dtube/dtube.min.css"/>
	```

- **Add JavaScript CDN in before ending body tags**

	```
	<script src="https://cdn.jsdelivr.net/gh/SH20RAJ/Sopplayer@main/dtube/dtube.min.js"/>
	```

- **Add Video Tag where you want**
	```
	<video
    id="my-video"
    class="video-js vjs-tech"
    controls
    preload="auto"
    width="640"
    height="364"
    poster="https://bit.ly/bbsampleimage"
    data-setup="{}"
  >
    <source src="https://rebrand.ly/sample-video" type="video/mp4" />
  </video>
  ```
### All Done Here [Know More](https://codexdindia.blogspot.com/2021/01/video-js-custom-skin-implement-city.html) :- https://codexdindia.blogspot.com/2021/01/video-js-custom-skin-implement-city.html