How to Import Stylish HTML5 Audio Player with https://plyr.io with css and js

on








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


Comments

Post a Comment