在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
先给大家介绍下HTML5中的新元素标签 src:音频文件路径。 autobuffer:设置是否在页面加载时自动缓冲音频。 autoplay:设置音频是否自动播放。 loop:设置音频是否要循环播放。 controls:属性供添加播放、暂停和音量控件。 由于html5的流行,现在移动端大多数的需求都可以使用audio来播放音频,但您可能只是需要很简单的播放/停止效果,但不同的浏览器上的audio样式却不尽人意,所以我简单的把它进行了封装,效果如下:
复制代码 代码如下:this.settings.target.on('loadedmetadata', function() { _this.duration = _this.audio.duration; if (_this.duration != "Infinity") { _this.durationContent.html(Math.floor(_this.duration) + 's'); } else { var attr = $(_this.settings.target).attr('duration'); if(attr){ _this.durationContent.html($(_this.settings.target).attr('duration')+"s"); }else{ _this.durationContent.html(''); } } }); 以上内容给大家介绍了Html5 audio标签样式的修改 ,希望对大家有所帮助。 |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论