CXDI - Serve Technology

Plyr.io Video Player - Integration - Skin Customizing - Adding Download Button See the Pen Plyr.io Video Player - Skin Customizing to pink by SH20RAJ ( @SH20RAJ ) on CodePen . Integration :-  or Get Plyr CDNS From CDNJS Plyr <!-- Docs styles --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/CDNSFree2/Plyr/plyr.css" /> or Use CDNJS for CDN <link rel="stylesheet" href=" https://cdnjs.cloudflare.com/ajax/libs/plyr/3.6.7/plyr.min.css" /> <!--Add a Simple HTML5 Video tag--> <video controls data-poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg" class="vid1"> <!-- Video files --> <source src="https://rebrand.ly/sample-video" type="video/mp4" size="576" /> </video> <script src="https://cdnjs.cloudflare.com/ajax/libs/plyr/3.6.7/plyr.min.js"...

How to Play Youtube Embedded Video With Plyr.io Video Player  See Demo on Repl :-  https://repl.it/@SH20RAJ/PlyrVideo#index.html Video Documentation :-  See Latest Documentation :-  Plyr.io Video Player - Integration - Skin Customizing - Adding Download Button :-  https://codexdindia.blogspot.com/2021/05/plyrio-video-player-integration-skin-Customizing-and-Adding-Download-Button-to-plyr.html Step 1 :- Add CDNs       1. Css CDN before </head> Tag <!-- Docs styles --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/CDNSFree2/Plyr/plyr.css" />      2. JS CDN before </body> Tag <script src="https://cdn.jsdelivr.net/gh/CDNSFree2/Plyr/plyr.js"></script> Step 2 :-      Insert Your YouTube iframe Code in Between these div tags :-          (Here The main thing is to add or assign id="player" to your div e...

Player.gdrive.vip Website :- https://player.gdrive.vip/en/ Here is an Example Player :-  Original Link :- ht tps://drive.google.com/file/d/1_kSVQOOAjqpwBuI45JL-ZjjZRFizKPTm/view Google Drive proxy video player no limits - Embed drive videos ft. gdplayer.top :-  https://codexdindia.blogspot.com/2021/08/google-drive-proxy-video-player-no.html

Full File Here Steps :-  The Audio Tag Syntax <audio controls id="player"> <source src="https://cdn.plyr.io/static/demo/Kishi_Bashi_-_It_All_Began_With_a_Burst.ogg" type="audio/ogg"> <source src="https://cdn.plyr.io/static/demo/Kishi_Bashi_-_It_All_Began_With_a_Burst.mp3" type="audio/mpeg"> Your browser does not support the audio element.-- CodeXD - India </audio> Javascript CDN Just Before </body> Tag <script src="https://cdn.jsdelivr.net/gh/CDNSFree2/Plyr/plyr.min.js"></script> </ body > CSS CDN Just Before </head> Tag <!-- Docs styles --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/CDNSFree2/Plyr/plyr.css" /> </ head > See Demo :- Your browser does not support the audio element.-- CodeXD - India

  See Demo :-  https://plyrvideo.sh20raj.repl.co/ <!-- Docs styles --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/CDNSFree2/Plyr/plyr.css" /> <!--Add a Simple HTML5 Video tag--> <div id="container"> <video controls data-poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg" id="player" > <!-- Video files --> <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4" type="video/mp4" size="576" /> <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-720p.mp4" type="video/mp4" size="720" /> <source src="https://c...