Sopplayer Integration - HTML5 Stylish Video Player

> See All SopProducts: https://sh20raj.github.io/SopProducts/

> Sopplayer Players: https://sh20raj.github.io/Sopplayer/players/

!Sopplayer Screenshot

See Video Documentation: https://youtu.be/Tmj2QOXE6EU

Table of Contents

- Steps
- Before Sopplayer
- After Sopplayer
- Full HTML Code Example
- Additional Information

Steps

1. Use the class="sopplayer" in your tag.
2. Add data-setup="{}" attribute to your tag.

``html

`

3. Add the CSS CDN before the closing tag.

`html


`

4. Add the JavaScript CDN before the closing tag.

`html


`

Here you have completed your Sopplayer Integration.

Before Sopplayer

!Before Sopplayer

After Sopplayer

!After Sopplayer

Full HTML Code Example

`html


















`

Additional Information

See how the full HTML will look like:

`html


















``