pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

淺談h5自定義audio(問題及解決)

下面小編就為大家?guī)硪黄獪\談h5自定義audio(問題及解決)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧,祝大家游戲愉快哦

h5活動需要插入音頻,但又需要自定義樣式,于是自己寫咯

html

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <!-- cur表示當(dāng)前時間 max表示總時長 input表示進(jìn)度條 -->  
  2. <span class='cur'></span><input type="range" min=0 max=100 class='range' value=0><span class='max'></span>  

css

CSS Code復(fù)制內(nèi)容到剪貼板
  1. /* 進(jìn)度條 */  
  2. .range {   
  3.     width: 5.875rem;   
  4.     height: 0.15rem;   
  5.     background#2386e4;   
  6.     border-radius: 0.25rem;   
  7.     -webkit-appearance: none !important;   
  8.     positionabsolute;   
  9.     top: 3.55rem;   
  10.     left: 6rem;    
  11. }   
  12. /* 進(jìn)度滑塊 */  
  13. .range::-webkit-slider-thumb {   
  14.     width: 0.5rem;   
  15.     height: 0.5rem;   
  16.     background#fff;   
  17.     border1px solid #f18900;   
  18.     cursorpointer;   
  19.     border-radius: 0.25rem;   
  20.     -webkit-appearance: none !important;   
  21. }  
【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

這篇文章主要介紹了關(guān)于h5中的fetch方法解讀(小結(jié)),fetch身為H5中的一個新對象,他的誕生,是為了取代ajax的存在而出現(xiàn),有興趣的可以了解一下
這篇文章主要介紹了HTML5打開手機掃碼功能及優(yōu)缺點的相關(guān)資料,需要的朋友可以參考下
這篇文章主要介紹了html5喚起app的方法的相關(guān)資料,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本文通過一段代碼給大家介紹了HTML5添加禁止縮放功能,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的朋友參考下吧
本篇文章主要介紹了canvas之自定義頭像功能實現(xiàn)代碼示例,具有一定的參考價值,感興趣的小伙伴們可以參考一下
這篇文章主要介紹了有關(guān)HTML5中背景音樂的自動播放功能的相關(guān)資料,需要的朋友可以參考下
主站蜘蛛池模板: 齿辊分级破碎机,高低压压球机,立式双动力磨粉机-郑州长城冶金设备有限公司 | 桥架-槽式电缆桥架-镀锌桥架-托盘式桥架 - 上海亮族电缆桥架制造有限公司 | 背压阀|减压器|不锈钢减压器|减压阀|卫生级背压阀|单向阀|背压阀厂家-上海沃原自控阀门有限公司 本安接线盒-本安电路用接线盒-本安分线盒-矿用电话接线盒-JHH生产厂家-宁波龙亿电子科技有限公司 | 日本东丽膜_反渗透膜_RO膜价格_超滤膜_纳滤膜-北京东丽阳光官网 日本细胞免疫疗法_肿瘤免疫治疗_NK细胞疗法 - 免疫密码 | 小型气象站_便携式自动气象站_校园气象站-竞道气象设备网 | 压砖机_电动螺旋压力机_粉末成型压力机_郑州华隆机械tel_0371-60121717 | 优秀的临床医学知识库,临床知识库,医疗知识库,满足电子病历四级要求,免费试用 | 上海网站建设-上海网站制作-上海网站设计-上海做网站公司-咏熠软件 | 杭州用友|用友软件|用友财务软件|用友ERP系统--杭州协友软件官网 | 木材烘干机,木炭烘干机,纸管/佛香烘干设备-河南蓝天机械制造有限公司 | 智能交通网_智能交通系统_ITS_交通监控_卫星导航_智能交通行业 | Safety light curtain|Belt Sway Switches|Pull Rope Switch|ultrasonic flaw detector-Shandong Zhuoxin Machinery Co., Ltd | 亿诺千企网-企业核心产品贸易| 河南mpp电力管_mpp电力管生产厂家_mpp电力电缆保护管价格 - 河南晨翀实业 | SDG吸附剂,SDG酸气吸附剂,干式酸性气体吸收剂生产厂家,超过20年生产使用经验。 - 富莱尔环保设备公司(原名天津市武清县环保设备厂) | 屏蔽服(500kv-超高压-特高压-电磁)-徐吉电气 | 加热制冷恒温循环器-加热制冷循环油浴-杭州庚雨仪器有限公司 | 云南丰泰挖掘机修理厂-挖掘机维修,翻新,再制造的大型企业-云南丰泰工程机械维修有限公司 | 诚暄电子公司首页-线路板打样,pcb线路板打样加工制作厂家 | 臭氧发生器_臭氧消毒机 - 【同林品牌 实力厂家】 | 早报网| 沈阳网站建设_沈阳网站制作_沈阳网页设计-做网站就找示剑新零售 沈阳缠绕膜价格_沈阳拉伸膜厂家_沈阳缠绕膜厂家直销 | 高压分散机(高压细胞破碎仪)百科-北京天恩瀚拓 | 2-羟基泽兰内酯-乙酰蒲公英萜醇-甘草查尔酮A-上海纯优生物科技有限公司 | 手术室净化厂家-成都做医院净化工程的公司-四川华锐-15年特殊科室建设经验 | 北京环球北美考试院【官方网站】|北京托福培训班|北京托福培训 | 鲁尔圆锥接头多功能测试仪-留置针测试仪-上海威夏环保科技有限公司 | 【365公司转让网】公司求购|转让|资质买卖_股权转让交易平台 | 手术示教系统-数字化手术室系统-林之硕医疗云智能视频平台 | 发电机组|柴油发电机组-批发,上柴,玉柴,潍柴,康明斯柴油发电机厂家直销 | 仓储货架_南京货架_钢制托盘_仓储笼_隔离网_环球零件盒_诺力液压车_货架-南京一品仓储设备制造公司 | 房车价格_依维柯/大通/东风御风/福特全顺/江铃图片_云梯搬家车厂家-程力专用汽车股份有限公司 | 快速卷帘门_硬质快速卷帘门-西朗门业 | 杭州可当科技有限公司—流量卡_随身WiFi_AI摄像头一站式解决方案 | 回收二手冲床_金丰旧冲床回收_协易冲床回收 - 大鑫机械设备 | 沙盘模型公司_沙盘模型制作公司_建筑模型公司_工业机械模型制作厂家 | 防火板_饰面耐火板价格、厂家_品牌认准格林雅 | Jaeaiot捷易科技-英伟达AI显卡模组/GPU整机服务器供应商 | 飞象网 - 通信人每天必上的网站 全球化工设备网—化工设备,化工机械,制药设备,环保设备的专业网络市场。 | 非甲烷总烃分析仪|环控百科| GEDORE扭力螺丝刀-GORDON防静电刷-CHEMTRONICS吸锡线-上海卓君电子有限公司 |