HTML5 source标签详解
html5 source标签是一种媒介元素(比如 和 )来定义媒介资源。 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。 这里主要给大家讲一下source标签的应用属性和实例。
标签属性:
属性 | 值 | 描述 |
media | media query | 规定媒体资源的类型。 |
src | url | 规定媒体文件的 URL。 |
type | numeric value | 规定媒体资源的 MIME 类型。 |
标签支持HTML中的全局属性和事件属性。
应用实例:
拥有两份源文件的音频播放器。浏览器应该选择它所支持的文件(如果有的话):
立即学习“前端免费学习笔记(深入)”;
<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element.</audio>
输出:
HTML 4.01 与 HTML 5 之间的差异
标签是 HTML 5 中的新标签。
文章推荐
-
HTML在线编辑器的调用方法和使用方法
html在线编辑器不需要懂得使用dreamweaver,会用word就会使用此编辑器,在文章系统或者是新闻系统需要文字编...
H5教程
2个月前 (10-19) 81 -
AlloyTouch全屏滚动插件 30秒搞定顺滑H5页
使用姿势在设计全屏滚动插件的时候,希望开发者几乎:不用写任何脚本快速生成精致H5支持PC滚轮和移动触摸酷炫的转场动效灵活...
H5教程
2个月前 (10-19) 82 -
HTML5 js实现拖拉上传文件功能
在html5的pc上面实现了相当多的功能,工作中也用到了拖拉上传,特地记录下该功能 在拖动目标上触发事件 (源元素): ...
H5教程
2个月前 (10-19) 82 -
Canvas and Drawables 翻译第一集
android官方原文地址:http://developer.android.com/guide/topics/grap...
H5教程
2个月前 (10-19) 86 -
Canvas and Drawables 翻译第三集
Android官方原文地址:http://developer.android.com/guide/topics/grap...
H5教程
2个月前 (10-19) 85
最新文章