A Web Component to play audio or video with a button.
<script type="module" src="play-button.js"></script>
<play-button>
<audio controls src="https://darn.es/sounds/daviddarnes.m4a"></audio>
<button>Play</button>
</play-button>This Web Component allows you to:
- Control
audioorvideoelements with a singlebuttonwhich can play and pause the audio or video
You have a few options (choose one of these):
- Install via npm:
npm install @daviddarnes/play-button - Download the source manually from GitHub into your project.
- Skip this step and use the script directly via a 3rd party CDN (not recommended for production use)
Make sure you include the <script> in your project (choose one of these):
<!-- Host yourself -->
<script type="module" src="play-button.js"></script><!-- 3rd party CDN, not recommended for production use -->
<script type="module" src="https://www.unpkg.com/@daviddarnes/play-button@1.0.0/play-button.js"></script><!-- 3rd party CDN, not recommended for production use -->
<script type="module" src="https://esm.sh/@daviddarnes/play-button@1.0.0"></script>With thanks to the following people:
- Zach Leatherman for inspiring this Web Component repo template
