https://pic.cnblogs.com/avatar/1285461/20190710101247.png

音频与视频

音频与视频

一、音频

1.相关属性

属性 值 描述
autoplay autoplay 自动播放
controls controls 音频控件
loop loop 循环播放
muted muted 静音
preload auto metadata none 预加载
src URL 音频源

2.应用

<audio id="ad" src="media/where.mp3" autoplay controls loop>如果浏览器不支持H5新标签audio,此段话将被显示出来</audio>

二、视频

1.相关属性

属性 值 描述
src URL 视频源
type MIME_type MIME类型
属性 值 描述
width pixels 宽度
height pixels 高度
controls controls 视频控件
autoplay autoplay 自动播放
loop loop 循环播放
muted muted 静音
poster URL 图像占位
src URL 视频源
preload auto metadata none 预加载

2.应用

<video width="672" height="378" controls poster="img/poster.png">
		<source src="media/肖申克的救赎.mp4" type="video/mp4"></source>
		当前浏览器不支持video直接播放
</video>
posted @ 2018-09-28 16:43  学一点也是好  阅读(264)  评论(0)    收藏  举报