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

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>

HTML

Javascript CDN Just Before </body> Tag

<script src="https://cdn.jsdelivr.net/gh/CDNSFree2/Plyr/plyr.min.js"></script>

HTML

</body>

CSS CDN Just Before </head> Tag

<!-- Docs styles -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/CDNSFree2/Plyr/plyr.css" />

HTML

</head>

See Demo :-

% buffered00:00

00:00