发表于: 2016-06-02 21:26:25
8 1307
今天完成的事情:完成任务6
明天计划的事情:学习任务7所用知识点
遇到的问题:CSS隐藏音频控件后不能实现点击播放与暂停,最后小段用JS解决了
收获:audio元素的运用,CSS三角形的写法,
autoplay 自动播放
controls 显示控件
height 播放器高度
width 播放器宽度
loop 循环播放
preload 视频在页面加载时进行加载,并预备播放(若使用autoplay,则忽略该属性)
src 要播放的视频的URL
写法:
1. <audio src="#">audio player not available.</audio>
2. <audio controls autoplay loop ><source src="song.mp3" type="audio/mp3" /> </audio>
三角形:
#triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
}
修改border值改变三角形
任务6-1展示:http://amumustyle.github.io/Coatard/task6/task6-1.html
任务6-1代码:https://github.com/amumustyle/Coatard/blob/gh-pages/task6/task6-1.html
任务6-2展示:http://amumustyle.github.io/Coatard/task6/task6-2.html
任务6-2代码:https://github.com/amumustyle/Coatard/blob/gh-pages/task6/task6-2.html
任务6-3展示:http://amumustyle.github.io/Coatard/task6/task6-3.html
任务6-3代码:https://github.com/amumustyle/Coatard/blob/gh-pages/task6/task6-3.html
评论