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>

posted @ 2020-03-12 16:37  王、小墨  阅读(339)  评论(0编辑  收藏  举报