>首页> IT >

天天快报!详解HTML5新增的多媒体标签

时间:2022-08-05 16:07:56       来源:转载


(资料图片)

HTML5新增的多媒体标签

一:视频

当前

浏览器MP4WebMOgg
IEYESNONO
ChromeYESYESYES
FirefoxYES 从Firefox21版本开始Linux系统从Firefox 30开始YESYES
SafariYESNONO
OperaYES 从Opera25版本开始YESYES

视频

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

二:音频

浏览器MP3WavOgg
IE 9+YESNONO
Chrome 6+YESYESYES
Firefox 3.6+YESYESYES
Safari 5+YESYESNO
Opera 10+YESYESYES
      HTML5音频标签         

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

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

多媒体标签总结

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

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

以上就是详解HTML5新增的多媒体标签的详细内容,更多请关注php中文网其它相关文章!

关键词: 自动播放 谷歌浏览器 相关文章