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 相关文章推荐
25个CSS3动画按钮和菜单教程分享
Oct 03 HTML / CSS
CSS3实现的炫酷菜单代码分享
Mar 12 HTML / CSS
CSS3的 fit-content实现水平居中
Sep 07 HTML / CSS
css3中flex布局宽度不生效的解决
Dec 09 HTML / CSS
基于HTML5的WebSocket的实例代码
Aug 15 HTML / CSS
HTML5 新事件 小结
Jul 16 HTML / CSS
基于HTML5 Canvas:字符串,路径,背景,图片的详解
May 09 HTML / CSS
浅谈HTML5 服务器推送事件(Server-sent Events)
Aug 01 HTML / CSS
html5使用Drag事件编辑器拖拽上传图片的示例代码
Aug 22 HTML / CSS
移动HTML5前端框架—MUI的使用
Dec 18 HTML / CSS
CSS 文字装饰 text-decoration & text-emphasis 详解
Apr 06 HTML / CSS
el-form每行显示两列底部按钮居中效果的实现
Aug 05 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
phpexcel导出excel的颜色和网页中的颜色显示不一致
2012/12/11 PHP
Laravel6.18.19如何优雅的切换发件账户
2020/06/14 PHP
JavaScript中的Document文档对象
2008/01/16 Javascript
html数组字符串拼接的最快方法
2009/09/16 Javascript
jQuery 表单验证扩展(三)
2010/10/20 Javascript
多种方法实现load加载完成后把图片一次性显示出来
2014/02/19 Javascript
alert出数组中的随即值代码
2014/09/25 Javascript
javascript中this指向详解
2016/04/23 Javascript
最细致的vue.js基础语法 值得收藏!
2016/11/03 Javascript
JavaScript中Promise的使用详解
2017/02/26 Javascript
Angular.JS去掉访问路径URL中的#号详解
2017/03/30 Javascript
JS实现导出Excel的五种方法详解【附源码下载】
2018/03/15 Javascript
jQuery实现动画、消失、显现、渐出、渐入效果示例
2018/09/06 jQuery
vue+Element-ui实现分页效果实例代码详解
2018/12/10 Javascript
详解NodeJS Https HSM双向认证实现
2019/03/12 NodeJs
[02:20]DOTA2中文配音宣传片
2013/05/22 DOTA
[32:36]完美世界DOTA2联赛PWL S3 LBZS vs CPG 第二场 12.12
2020/12/16 DOTA
Python中__init__和__new__的区别详解
2014/07/09 Python
Python实现简单状态框架的方法
2015/03/19 Python
Python学习入门之区块链详解
2017/07/25 Python
python爬虫_微信公众号推送信息爬取的实例
2017/10/23 Python
快速入门python学习笔记
2017/12/06 Python
使用Python的package机制如何简化utils包设计详解
2017/12/11 Python
Python内置函数reversed()用法分析
2018/03/20 Python
Python查找文件中包含中文的行方法
2018/12/19 Python
Python当中的array数组对象实例详解
2019/06/12 Python
用Python 爬取猫眼电影数据分析《无名之辈》
2020/07/24 Python
Python引入多个模块及包的概念过程解析
2020/09/21 Python
selenium自动化测试入门实战
2020/12/21 Python
劳力士官方珠宝商:J.R. Dunn Jewelers
2018/09/29 全球购物
培训主管的岗位职责
2013/11/23 职场文书
中小学生学籍证明
2014/10/25 职场文书
依法行政工作汇报材料
2014/10/28 职场文书
党员个人党性分析材料
2014/12/18 职场文书
监考失职检讨书
2015/01/26 职场文书
导游词欢迎词
2015/02/02 职场文书