详解HTML5新增的多媒体标签

本篇文章给大家介绍HTML常用的多媒体标签及HTML5新增的多媒体标签，希望对需要的朋友有帮助！

html5新增的多媒体标签

一：视频

当前

IEYESNONOChromeYESYESYESFirefoxYES 从Firefox21版本开始Linux系统从Firefox 30开始YESYESSafariYESNONOOperaYES 从Opera25版本开始YESYES

登录后复制

视频

autoplayautoplay视频就绪自动播放（谷歌浏览器需添加muted来解决自动播放问题）controlscontrols向用户显示播放控件widthpixels（像素）设置播放器宽度heightpixels（像素）播放器高度looploop循环播放srcurl视频url地址posterimageurl加载等待的话面图片mutedmuted静音播放

二：音频

立即学习“前端免费学习笔记（深入）”；

IE 9+YESNONOChrome 6+YESYESYESFirefox 3.6+YESYESYESSafari 5+YESYESNOOpera 10+YESYESYES

nbsp;html>               

登录后复制

谷歌浏览器把音频和视频自动播放禁止了

autoplayautoplay自动播放controlscontrols向用户显示播放控件looploop循环播放srcurl视频url地址mutedmuted静音播放

多媒体标签总结

音频标签和视频标签使用方式基本一致浏览器支持情况不同谷歌浏览器把音频和视频自动播放禁止了我们可以给视频标签加muted属性来静音播放视频，音频不可以（可以通过JavaScript来解决）视频标签是重点，我们经常设置自动播放，不适用conrols控件，循环和设置大小属性

【相关推荐：css视频教程】

以上就是详解HTML5新增的多媒体标签的详细内容，更多请关注【创想鸟】其它相关文章！