虽然我知道,Mirror是不可以播放音视频的 = =!,不过只是做个UI而已,有用的可以参考下~(背景:歌手|标题:歌名|中间:歌词[蓝色显示目前]|底部:时间[黄色显示播放时间])
效果图:
代码:
1 <article> 2 <img src="http://img2.imgtn.bdimg.com/it/u=394713825,2736623939&fm=23&gp=0.jpg" width="100%"> 3 <div class="overlay-gradient-tall"></div> 4 <section> 5 <h1 class="text-x-large">后来 - 刘若英</h1> 6 <hr> 7 <div class="align-center"> 8 <p>如果当时我们能</p> 9 <p class="green">不那么倔强</p> 10 <p>现在也不那么遗憾</p> 11 </div> 12 </section> 13 <footer> 14 <p><span class="yellow">0:12</span> / 4:22</p> 15 </footer> 16 </article>