为什么有的教程会给source标签写上type属性？

其实想知道，写不写type属性有没有什么区别？

慕移动3569406 2020-03-05

源自：HTML5音视频 5-1 认识audio（1）

35

收起

3回答

好帮手慕星星回答被采纳获得+3积分 2020-03-06 10:47:25

同学你好，规定没有起到限制的作用，所以这个是用来提示开发人员用正确的格式而已，这样理解是可以的。虽然type属性值与音视频格式不一致，一般也会播放的，可能是浏览器解析的问题。但是如果type类型乱写，不在规定的部分格式内，浏览器解析会有问题，不会播放的。

祝学习愉快！

慕移动3569406 提问者 #1

感谢~

2020-03-06 18:22:21

好帮手慕码 2020-03-05 19:44:21

同学你好，比如说，要求规定的video是mp4，那么就需要添加video/mp4。另，是否规定类型要根据实际需求来看哦。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

提问者慕移动3569406 #1

这边测试了一下，我特意给MP3格式的资源设置type为audio/ogg, 看上去好像没有作用，也没有报错的提示，等于说规定没有起到限制的作用，所以这个只是用来提示开发人员用正确的格式而已吗？可能我没能理解您的意思。

2020-03-05 19:55:14
提问者慕移动3569406 #2

那个MP3格式的资源依然能够播放

2020-03-05 19:55:48

好帮手慕码 2020-03-05 19:19:11

同学你好，type是规定媒体资源的 MIME 类型。常用的如下：

用于视频：video/ogg，video/mp4，video/webm

用于音频：audio/ogg，audio/mpeg

如果对于媒体资源有类型规定，那么就可以添加上，如果没有的话，不添加也是ok的。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

提问者慕移动3569406 #1

嗯嗯，那类型规定是什么意思？为什么需要类型规定？能举个例子吗？ orz

2020-03-05 19:34:13

相似问题

请问属性和标签有什么区别？

为什么source标签要加type属性

为什么dialog标签无效

为什么我这样写视频放不出来，在chrome或IE（IE11）里是白屏

请问怎么让一些li标签为块级标签，一些li标签不变仍为行内标签？

登录后可查看更多问答，登录/注册

3.WebAPP开发与小程序

参与学习人
提交作业 622 份
解答问题 6815 个

微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。

本课精华内容

问答作业

代码分享-模仿高德官网效果做的

129 1

为什么图片这么大

27 15

老师帮我看下为什么谷歌浏览器点不了进度条没次点击都会重新播放用火狐浏览器就是可以的

34 14

这两个公式怎么推导出来的？

40 13

laoshi老师

57 13

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载