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

Top Free APIs Every Developer Should Know About

Top Free APIs Every Developer Should Know About In the world of software development, APIs (Application Programming Interfaces) are essential for integrating various functionalities into applications. Here’s a curated list of top free APIs categorized by their functionality: 1. Weather APIs OpenWeatherMap API : Provides current weather data, forecasts, and historical weather data for any location. Weatherstack API : Offers real-time weather information, including forecasts and historical data. 2. Maps and Geolocation APIs Google Maps API : Enables integration of interactive maps, geocoding, and route optimization. Mapbox API : Provides customizable maps, navigation, and location search capabilities. 3. Finance and Stock Market APIs Alpha Vantage API : Offers real-time and historical equity and cryptocurrency data. Yahoo Finance API : Provides access to financial news, stock market data, and por...

Git Conflict Guide 🚀

What is a Git Conflict? A Git conflict occurs when two branches have changed the same part of a file, and Git cannot automatically merge the changes. When you attempt to merge or rebase branches, Git will pause the process and mark the conflicted files. Steps to Resolve a Git Conflict 1. Identify Conflicted Files When you encounter a conflict, Git will mark the conflicted files. You can see these files by running: git status Enter fullscreen mode Exit fullscreen mode 2. Open the Conflicted File Open the conflicted file(s) in your code editor. You'll see Git's conflict markers: <<<<<<< HEAD Your changes ======= Incoming changes >>>>>>> branch-name Enter fullscreen mode Exit fullscreen mode <<<<<<< HEAD marks the beginning of your changes. ======= separates your changes...

Random Posts