Skip to main content

xgplayer - Custom HTML5 Video Player - Integration - A HTML5 video player with a parser that saves traffic

 xgplayer - Custom HTML5 Video Player - Integration - A HTML5 video player with a parser that saves traffic



See Demo


See the Pen xgplayer - Custom HTML5 Video Player by SH20RAJ (@SH20RAJ) on CodePen.





Comments

∅ ÜÑKÑØWN said…
//Chats During Video Making...

xgplayer - Custom HTML5 Video Player - Integration - A HTML5 video player with a parser that saves traffic


See other Html5 Player Here

You can also add this cdn in HTML Layout to get the player cdn in every page of your blog...

You can also add the loader and css topbar (videos on our channel)

Let's Add one More Video

You can also add some other features like
playsinline: true,
height: window.innerHeight,
width: window.innerWidth,

pip:'true',
download:'true',
cssFullscreen:'true'
//Some other functions list


Adding in Player 2 //See List on Article

See the diffrence

Generate your custom player here

See more functions and features here with a music player ...

Poster added also...


Thanks For Watching till Last...
/
/
/

\
\
\














test said…
hello i am unable to specify custom height and width, please help. BTW Video player is very good!

Popular posts from this blog

Making AI Song Covers with RVC - Google Colab

Making AI Song Covers with RVC * Google Colab or Local Install These are the two main options for making AI song covers. You can run RVC on your computer if you have a PC with a decent NVIDIA graphics card (GPU), or you can run it for free through the Google Colab web page. Running Google Colab This is the recommended Google Colab for using voice models: https://colab.research.google.com/drive/1Gj6UTf2gicndUW_tVheVhTXIIYpFTYc7?usp=sharing After enough time, Google limits your GPU usage and you have to wait to use the GPU again. This will slow down your conversion speeds, but it will still be usable as long as you use ‘rmvpe’ mode (considered to be the general best mode, tied with mangio-crepe). ~3 minute song took 9 minutes for me without the GPU. Some people make alternate Google accounts to get around the GPU limits, or they pay for Colab Pro. Most commonly happens for people training their own voices since that requires a lot of GPU power. Running Locally Check...

Plyr.io Video Player - Integration - Skin Customizing - Adding Download Button

Plyr.io Video Player - Integration - Skin Customizing - Adding Download Button See the Pen Plyr.io Video Player - Skin Customizing to pink by SH20RAJ ( @SH20RAJ ) on CodePen . Integration :-  or Get Plyr CDNS From CDNJS Plyr <!-- Docs styles --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/CDNSFree2/Plyr/plyr.css" /> or Use CDNJS for CDN <link rel="stylesheet" href=" https://cdnjs.cloudflare.com/ajax/libs/plyr/3.6.7/plyr.min.css" /> <!--Add a Simple HTML5 Video tag--> <video controls data-poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg" class="vid1"> <!-- Video files --> <source src="https://rebrand.ly/sample-video" type="video/mp4" size="576" /> </video> <script src="https://cdnjs.cloudflare.com/ajax/libs/plyr/3.6.7/plyr.min.js"...

Random Posts