How to add YouTube videos on video.js player in Blogger (embed)

 

How to add YouTube videos on video.js player in Blogger (embed)

 Hloo, everyone in this article we are going to see how to add (embed) YouTube videos on  Video.js player in a Blogger website.

You can simply copy paste the codes and YouTube links. You can also make money with publisher monetisation in Ad Networks.

Best thing in this is, you can copy any video in YouTube,unless the video owner does not enabled copyright.

Steps:

1. Copy the below code and paste it just above  </head> tag :

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.12.0/video-js.min.css" />

2. copy the code and paste it above the </body> tag :

<script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.12.0/video.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-youtube/2.6.1/Youtube.min.js"></script>

3. In the blogger posts switch to HTML view and paste the following code :

<video

   id="my-video"

   class="video-js vjs-fluid vjs-big-play-centered"

   controls

   preload="auto"

   width="640"

   height="354"

   data-setup="{}">

  <source src="https://youtu.be/awiTN2Z5qqk" type="video/youtube" /> </video>

5. Don't forget to Save everything !!!

(Switch to desktop view in mobile phones , inorder to have good user experience)

Go to Link