H5新增多媒体标签
HTML5新增了两个与媒体相关的标签,让开发人员不必依赖任何插件就能在网页中嵌入跨浏览器的音频和视频内容,这两个标签是<audio>和<video>。
<video>
属性:
autoplay 自动播放 controls 显示控件 height 播放器高度 width 播放器宽度 loop 循环播放 preload 视频在页面加载时进行加载,并预备播放(若使用autoplay,则忽略该属性) preload="none" //当页面加载后不载入视频 preload="auto" //当页面加载后载入整个视频 preload="meta" //当页面加载后只载入元数据 src 要播放的视频的URL poster 规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像
<video id="test" src="movie.mp4" width="280" height="200" autoplay="autoplay"></video>
----------------------------------------------------------------------------------------------
<audio>
属性:
autoplay 自动播放 controls 显示控件 loop 循环播放 preload 音频在页面加载时进行加载,并预备播放(若使用autoplay,则忽略该属性) src 要播放的音频的URL
<audio controls autoplay loop src="song.mp3"></audio>