Hi Friends ,Today I will Provide you Video-Js Player Codes and Show You how to Install in on Blogger Site.

👉Video Player Themes Demo👈

Default City Sea Forest Fantasy

See the Pen All Video-Js Player Themes Installation by K K UPGRADER (@kkupgrader) on CodePen.

👉Installation

First of all,Login to Blogger Dashboard and Go to Themes and Click on Edit HTML.
Now Paste This Code Just Below <head>


<link href="https://vjs.zencdn.net/7.8.4/video-js.css" rel="stylesheet" />
<link
  href="https://unpkg.com/video.js@7/dist/video-js.min.css"
  rel="stylesheet"
/>
<!-- Themes -->
<link
  href="https://unpkg.com/@videojs/themes@1/dist/city/index.css"
  rel="stylesheet"
/>
<link
  href="https://unpkg.com/@videojs/themes@1/dist/sea/index.css"
  rel="stylesheet"
/>
<link
  href="https://unpkg.com/@videojs/themes@1/dist/fantasy/index.css"
  rel="stylesheet"
/>
<link
  href="https://unpkg.com/@videojs/themes@1/dist/forest/index.css"
  rel="stylesheet"
/>
  <!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
  <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>

Now Scroll to Bottom and Paste this Code Just Above </body> and Save Theme

<script src="https://vjs.zencdn.net/7.8.4/video.js"></script>

👉Usage

To use Players, Paste This Code in HTML View of Your Page


  <video class="video-js theme"   id="my-video"
    
    controls
    preload="auto"
    width="420"
    height="264"
    poster="Thumbnail-url"
    data-setup="{}"> <source src="video-url" type="video/mp4" /> </video>

Replace Thumbnail-url with Your Thumbnail Image link and video-url with Your Video Link.
To Change Theme ,Replace theme with vjs-theme-city for City Theme, vjs-theme-sea for Sea Theme ,vjs-theme-forest for Forest Theme and vjs-theme-fantasy for Fantasy Theme.