HTML5 source标签:媒介元素定义媒介资源


Posted in HTML / CSS onJanuary 29, 2018

HTML5 source标签是一种媒介元素(比如 <video> 和 <audio>)来定义媒介资源。<source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。 这里主机吧给大家讲一下source标签的应用属性和实例。

<source>标签属性:

属性 描述
media media query 规定媒体资源的类型。
src url 规定媒体文件的 URL。
type numeric value 规定媒体资源的 MIME 类型。  

<source> 标签支持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>

输出:

HTML5 source标签:媒介元素定义媒介资源

HTML 4.01 与 HTML 5 之间的差异

<source> 标签是 HTML 5 中的新标签。

总结

以上所述是小编给大家介绍的HTML5 source标签:媒介元素定义媒介资源,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

HTML / CSS 相关文章推荐
CSS3弹性布局内容对齐(justify-content)属性使用详解
Jul 31 HTML / CSS
CSS3样式linear-gradient的使用实例
Jan 16 HTML / CSS
CSS3 简写animation
May 10 HTML / CSS
带有css3动画效果的兼容多浏览器简单导航条示例
Jan 26 HTML / CSS
css3中新增的样式使用示例附效果图
Aug 19 HTML / CSS
一款纯css3实现的鼠标经过按钮特效教程
Nov 09 HTML / CSS
CSS3之transition实现下划线的示例代码
May 30 HTML / CSS
css3 transform导致子元素固定定位变成绝对定位的方法
Mar 06 HTML / CSS
详解使用HTML5的classList属性操作CSS类
Oct 13 HTML / CSS
HTML5新增form控件和表单属性实例代码详解
May 15 HTML / CSS
Bootstrap File Input文件上传组件
Dec 01 HTML / CSS
css清除浮动clearfix:after的用法详解(附完整代码)
May 21 HTML / CSS
HTML5仿微信聊天界面、微信朋友圈实例代码
Jan 29 #HTML / CSS
详解HTML5 data-* 自定义属性
Jan 24 #HTML / CSS
详解html5 shiv.js和respond.min.js
Jan 24 #HTML / CSS
浅析HTML5:'data-'属性的作用
Jan 23 #HTML / CSS
HTML5 常见面试题之PC端和移动端区别介绍
Jan 22 #HTML / CSS
浅谈html5 video 移动端填坑记
Jan 15 #HTML / CSS
html5 Canvas实现图片旋转的示例
Jan 15 #HTML / CSS
You might like
php google或baidu分页代码
2009/11/26 PHP
php 8小时时间差的解决方法小结
2009/12/22 PHP
PHP缩略图等比例无损压缩,可填充空白区域补充色
2011/06/10 PHP
php环境无法上传文件的解决方法
2014/04/30 PHP
PHP使用finfo_file()函数检测上传图片类型的实现方法
2017/04/18 PHP
js几个不错的函数 $$()
2006/10/09 Javascript
java script编程起步(第三课)
2007/01/10 Javascript
showModelDialog弹出文件下载窗口的使用示例
2013/11/19 Javascript
JavaScript将页面表格导出为Excel的具体实现
2013/12/27 Javascript
js身份证判断方法支持15位和18位
2014/03/18 Javascript
js或jquery实现页面打印可局部打印
2014/03/27 Javascript
jquery动感漂浮导航菜单代码分享
2020/04/15 Javascript
JavaScript实现自动生成网页元素功能(按钮、文本等)
2015/11/21 Javascript
javascript实现数字配对游戏的实例讲解
2017/12/14 Javascript
细说webpack源码之compile流程-入口函数run
2017/12/26 Javascript
Vue实现远程获取路由与页面刷新导致404错误的解决
2019/01/31 Javascript
vue 实现通过vuex 存储值 在不同界面使用
2019/11/11 Javascript
[57:53]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#3OG VS VP
2016/03/03 DOTA
跟老齐学Python之正规地说一句话
2014/09/28 Python
Python实现队列的方法
2015/05/26 Python
Python三种遍历文件目录的方法实例代码
2018/01/19 Python
浅谈python3.6的tkinter运行问题
2019/02/22 Python
Python中Numpy ndarray的使用详解
2019/05/24 Python
python实现倒计时小工具
2019/07/29 Python
Django框架 查询Extra功能实现解析
2019/09/04 Python
Python self用法详解
2020/11/28 Python
台湾家适得:Homeget
2019/02/11 全球购物
医学生实习自我鉴定
2013/09/27 职场文书
党员自我评价分享
2013/12/13 职场文书
多媒体编辑专业毕业生求职信
2014/06/13 职场文书
法人委托书
2014/07/31 职场文书
安全事故隐患排查治理制度
2015/08/05 职场文书
《法国号》教学反思
2016/02/22 职场文书
新手,如何业余时间安排好写作、提高写作能力?
2019/10/21 职场文书
一文读懂go中semaphore(信号量)源码
2021/04/03 Golang
Go 自定义package包设置与导入操作
2021/05/06 Golang