body{padding:20px 50px; }table td, table th{padding:5px 10px;text-align:center;
}table th{color:blue;font-size:20px; }table tr td:nth-of-type(1){color:purple;font-size:20px;font-weight:bold;;}.first-th{font-size:12px;color:black;position:relative; }.th-div1{position:absolute;
}.th-div2{position:absolute;left:50%;margin-left:-40px;width:100%;line-height:1px;border-top:1px solid black;transform:rotate(30deg);
}.th-div3{position:absolute;top:6px;right:4px;
}tbody tr:nth-of-type(1){background-color:#ffffcc; }tbody tr:nth-of-type(2){background-color:#ccffcc; }tbody tr:nth-of-type(3){background-color:#ccccff; }tbody tr:nth-of-type(4){background-color:#FFF0F5; }.testOne{margin:20px 5px;padding:10px;border:1px dashed black;
}.playBtn{margin-left:20px;width:120px;height:50px;background-color:#fff;border:1px solid black;border-radius:50px;line-heght:50px;
}
格式
浏览器
ChromeFirefoxOperaSafariIE11EdgeOGGYESYESYESNONOYESMP3YESYESYESYESYESYESWAVYESYESYESYESNOYESMP4YESYESYESYESYESYESWebMYESYESYESNONOYES- 注意:
- Safari浏览器对于wav音频格式和mp4视频格式的支持,需要把页面部署到web服务器里面。
如果只是单纯的用Safari浏览器打开磁盘的一个静态页面,会发现不支持这两种格式 - 同上Opera浏览器对于ogg视频格式的支持,也需要把页面部署到web服务器上。
1、测试一下,三个audio标签,src依次为ogg、mp3、wav格式文件
不支持该格式播放
不支持该格式播放
不支持该格式播放