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 .........



Comments

  1. Very informative article thanks for sharing.

    Rocks Player is the ultra HD video and audio player which is fast and easy to use. It is designed to support different video formats like MKV, MPEG, MP4, 4K, and 8K. So, you can easily play HD and ultra HD videos on your device. There are unique features of Rocks Player.

    You can sort videos from Genre, Albums, Artist, and Search and Manage track, create a playlist, and a recent playlist. You can also sort online videos with categories like news, music, sports, tech, comedy, etc. to search and play. There are also different themes available and you can also switch to Night Mode. You can also access photos from your device. Some of the other cool features of this media player are subtitle search, dual audio, playback speed, PIP mode, easy brightness, and volume control.

    ReplyDelete

Post a Comment

Random Posts