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弹性盒模型开发笔记(一)
Apr 26 HTML / CSS
使用CSS3实现多列布局与多背景的技巧
Feb 29 HTML / CSS
使用css3做0.5px的细线的示例代码
Jan 18 HTML / CSS
Html5 localStorage入门教程
Apr 26 HTML / CSS
canvas实现圆绘制的示例代码
Sep 11 HTML / CSS
HTML5的革新 结构之美
Jun 20 HTML / CSS
HTML5使用ApplicationCache接口实现离线缓存技术解决离线难题
Dec 13 HTML / CSS
html5桌面通知(Web Notifications)实例解析
Jul 07 HTML / CSS
五个2015 年最佳HTML5 框架
Nov 11 HTML / CSS
整理HTML5中支持的URL编码与字符编码
Feb 23 HTML / CSS
html5简介_动力节点Java学院整理
Jul 07 HTML / CSS
HTML5 input新增type属性color颜色拾取器的实例代码
Aug 27 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代码
2010/08/08 PHP
PHP插入排序实现代码
2013/04/04 PHP
PHP正则提取不包含指定网址的图片地址的例子
2014/04/21 PHP
php中chdir()函数用法实例
2014/11/13 PHP
php创建、获取cookie及基础要点分析
2015/01/26 PHP
php根据指定位置和长度获得子字符串的方法
2015/03/17 PHP
php post大量数据时发现数据丢失问题解决方法
2015/06/20 PHP
编写高性能的JavaScript 脚本的加载与执行
2010/04/19 Javascript
EXTJS记事本 当CompositeField遇上RowEditor
2011/07/31 Javascript
Mac/Windows下如何安装Node.js
2013/11/22 Javascript
js实现通用的微信分享组件示例
2014/03/10 Javascript
JavaScript中的类与实例实现方法
2015/01/23 Javascript
jquery插件ajaxupload实现文件上传操作
2015/12/09 Javascript
第二章之Bootstrap 页面排版样式
2016/04/25 Javascript
BootStrap的JS插件之轮播效果案例详解
2016/05/16 Javascript
js手动播放图片实现图片轮播效果
2016/09/17 Javascript
JavaScript用二分法查找数据的实例代码
2017/06/17 Javascript
在Angular中使用JWT认证方法示例
2018/09/10 Javascript
vue组件之间通信实例总结(点赞功能)
2018/12/05 Javascript
VUE单页面切换动画代码(全网最好的切换效果)
2019/10/31 Javascript
详解JavaScript自定义函数
2020/07/29 Javascript
用Python写一个无界面的2048小游戏
2016/05/24 Python
Python编程实现粒子群算法(PSO)详解
2017/11/13 Python
Python中elasticsearch插入和更新数据的实现方法
2018/04/01 Python
Python实现随机生成手机号及正则验证手机号的方法
2018/04/25 Python
解决pycharm py文件运行后停止按钮变成了灰色的问题
2018/11/29 Python
Python学习笔记之pandas索引列、过滤、分组、求和功能示例
2019/06/03 Python
Python使用多进程运行含有任意个参数的函数
2020/05/02 Python
浅谈Python里面None True False之间的区别
2020/07/09 Python
澳大利亚冲浪和时尚服装网上购物:SurfStitch
2017/07/29 全球购物
中国电子产品批发商/跨境电商/外贸网:Sunsky-online
2020/04/20 全球购物
社团文化节邀请函
2014/01/10 职场文书
开幕式邀请函
2015/01/31 职场文书
寒假安全保证书
2015/02/28 职场文书
2016年九九重阳节活动总结
2016/04/01 职场文书
详解CSS不定宽溢出文本适配滚动
2021/05/24 HTML / CSS