发表于: 2016-06-02 21:26:25

8 1144


今天完成的事情:完成任务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



返回列表 返回列表
评论

    分享到