play button

play-button

使用按钮播放音频或视频的Web组件。

演示|进一步阅读

例子

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

特征

此Web组件允许您：

• 用单个button控制audio或video元素，该按钮可以播放和暂停音频或视频

安装

您有一些选择（选择其中之一）：

1. 通过NPM安装： npm install @daviddarnes/play-button
2. 从Github手动下载源到您的项目。
3. 跳过此步骤，直接通过第三方CDN使用脚本（不建议用于生产使用）

用法

确保在项目中包括<script> （选择其中之一）：

 <!-- 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/[email protected]/play-button.js " > </ script > 

 <!-- 3rd party CDN, not recommended for production use -->
< script type =" module " src =" https://esm.sh/@daviddarnes/[email protected] " > </ script > 

信用

感谢以下人员：

• 扎克·莱瑟曼（Zach Leatherman）启发此Web组件回购模板