Skip to main content

Google Drive Video Player With Video.Js with self customised HTML5 video Player

 



See All Video.JS Demo Here - >

Video.Js Google Drive Player


   1. Get the link / id of your Google Drive video

   2. Now Your Video's Url Should be - 

          https://drive.google.com/u/0/uc?id=[ Video ID ]&export=download


   3. Now , Go to videojs.com and Copy the video tag Syntax 

        with cdns 

         (i) For Css - 


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

         (ii) For Js - 


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

   

    4. Your , HTML5 Video.js player will Ready .....

    5. Sample Video Link :- https://rebrand.ly/sample-video

Steps :- 

  1. Its a simple player ....

   2. Now , adding video.js ....

3. This is Too bad / old player weired ...

You can Customise it ....



This are Examples ....

  Theme coustomising in next Video .........



Labels:

Comments

Post a Comment

Popular posts from this blog

FamilyAlbum - Free Unlimited Storage - Share Family Photos and Videos - Auto-Organized Album

Website :- https://family-album.com Play Store :- https://play.google.com/store/apps/details?id=us.mitene Description from Play Store The best way to safely share and organize your family’s photos and videos. Unlimited storage, no ads, and it’s free! 3 Reasons to Start Your Album: 1) You’ll love it YOUR MEMORIES ON DISPLAY. Show off your photos and videos in a way that’s both beautiful and intuitive. Everything is automatically sorted by month, complete with your child’s age. Just swipe the screen to go back in time! UNLIMITED STORAGE. Back up all your memories for free. STREAMLINED SHARING. No more sharing the same photo with five different group chats. All your photos, all your videos, all your favorite people, all in one place. YOUR PRIVACY IS OUR PRIORITY. Your album is completely private. All content you upload to the app belongs to you, and it can only be viewed by you and the family and friends you invite. That also ...
Post a Comment
Read more

Train Loader For Website or Blogger | SopLoader - Trn

 Train Loader For Website or Blogger | SopLoader - Trn Video Documentation :- Just Copy Paste the CDN Just after <body> Tag.  To Get This Loader Preview :- On  Repl.it :-  https://SopLoader.sh20raj.repl.co Repl.it Source :-  https://replit.com/@SH20RAJ/SopLoader#index.html On Codepen :-   See the Pen Css stylish Loader with CDN #1 by SH20RAJ ( @SH20RAJ ) on CodePen .
Post a Comment
Read more

Random Posts