![]() |
| AudiPlay - HTML5 Audio Player |
AudiPlay Integration - Free HTML5 Audio Player
Steps To Integrate
Step 1 :- Use class="audiplay" in Your Audio Tag .
<audio controls class="audiplay" >
<source src="Ark.mp3" type="audio/mp3">
</audio>
Step 2 :- Add Javascript CDN Just Before </body> Tag
<script src="https://cdn.jsdelivr.net/gh/SH20RAJ/AudiPlay/audiplay.js"></script>
You can also Use Style Attribute in your Audio Tag i.e. -: style="width: 700px;" and You Will Get Responsive Audio Player .
| Before Adding AudiPlay - Free HTML5 Audio Player |
| After Adding AudiPlay - Free HTML5 Audio Player |
What You Can Do
Add nodownload Attribute to Your Audio Tag To disable the Download Button .
Like This -
<audio controls class="audiplay" nodownload>
<source src="Ark.mp3" type="audio/mp3">
</audio>
Now You Will Get -
| After Disableing Download using nodownload Attribute |
Here how the Total HTML will look like ...
<audio controls class="audiplay" style="width: 700px;">
<source src="Ark.mp3" type="audio/mp3">
</audio>
<script src="https://cdn.jsdelivr.net/gh/SH20RAJ/AudiPlay/audiplay.js"></script>

Post a Comment