1.Html5简介
万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改
目标:HTML5取代HTML4和XHTML2.0成为新标准
2.Html5视频与音频
(1)video
<video src="1.mp4"> </video>
video常用属性
autoplay:自动播放
controls:出现进度条,声音等
width:播放器的宽
height:播放器的高
loop:循环播放
muted:视频静音
poster:播前广告
preload:是否在页面加载后载入视频 ( 预加载 )
src:视频路径
常用属性方法:duration:整个媒体文件的播放时长,以s为单位
currentTime: 当前播放时间,以s为单位
paused: 如果媒体文件当前被暂停,则返回ture
load: 用于重新加载媒体文件
pause():暂停媒体文件
play():播放媒体文件
常用事件:
error:请求数据时遇到错误时触发
play:开始播放时触发
pause:暂停时触发
timeupdate:播放时间改变时触发
ended:播放结束时触发
volumechange:音量改变时触发
(2)source 可以连接不同的视频文件,浏览器将使用第一个可识别的格式
例:<video>
<source src="movie.ogg" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
</video>
(3)audio
<audio src=""controls></audio>
远近互联前端小华整理发布,希望能对学习技术的你有所帮助
远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务,让客户通过网络品牌建立与网络传播提高业绩。