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 position fixed固定居中问题解决方案
Aug 19 HTML / CSS
基于css3 animate制作绚丽的动画效果
Nov 24 HTML / CSS
canvas实现有递增动画的环形进度条的实现方法
Jul 10 HTML / CSS
html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法
Jan 09 HTML / CSS
HTML5中drawImage用法分析
Dec 01 HTML / CSS
浅谈html5 响应式布局
Dec 24 HTML / CSS
HTML5 video播放器全屏(fullScreen)方法实例
Apr 24 HTML / CSS
HTML5单页面手势滑屏切换原理
Mar 21 HTML / CSS
HTML5在线预览PDF的示例代码
Sep 14 HTML / CSS
详解HTML5 data-* 自定义属性
Jan 24 HTML / CSS
详解CSS中的特指度和层叠问题
Jul 15 HTML / CSS
CSS基础详解
Oct 16 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和AJAX创建RSS聚合器的代码
2007/03/13 PHP
js下函数般调用正则的方法附代码
2008/06/22 PHP
解析curl提交GET,POST,Cookie的简单方法
2013/06/29 PHP
PHP管理依赖(dependency)关系工具 Composer的自动加载(autoload)
2014/08/18 PHP
PHP不使用内置函数实现字符串转整型的方法示例
2017/07/03 PHP
PHP PDOStatement::columnCount讲解
2019/01/30 PHP
解决php extension 加载顺序问题
2019/08/16 PHP
找到了一篇jQuery与Prototype并存的冲突的解决方法
2007/08/29 Javascript
jQuery判断iframe中元素是否存在的方法
2013/05/11 Javascript
javaScript如何生成xmlhttp
2013/12/16 Javascript
JavaScript原生节点操作小结
2017/01/17 Javascript
jquery实现左右滑动式轮播图
2017/03/02 Javascript
AngularJS 验证码60秒倒计时功能的实现
2017/06/05 Javascript
详解vue-router2.0动态路由获取参数
2017/06/14 Javascript
Vue+webpack+Element 兼容问题总结(小结)
2018/08/16 Javascript
深入理解NodeJS 多进程和集群
2018/10/17 NodeJs
Vuepress 搭建带评论功能的静态博客的实现
2019/02/17 Javascript
nodejs log4js 使用详解
2019/05/31 NodeJs
vue draggable resizable 实现可拖拽缩放的组件功能
2019/07/15 Javascript
JavaScript实现公告栏上下滚动效果
2020/03/13 Javascript
openlayers实现图标拖动获取坐标
2020/09/25 Javascript
python3 pandas 读取MySQL数据和插入的实例
2018/04/20 Python
python-opencv颜色提取分割方法
2018/12/08 Python
如何基于Python批量下载音乐
2019/11/11 Python
浅谈Python中threading join和setDaemon用法及区别说明
2020/05/02 Python
python 实现简单的计算器(gui界面)
2020/11/11 Python
html5 canvas绘制放射性渐变色效果
2018/01/04 HTML / CSS
西班牙国家航空官方网站:Iberia
2017/11/16 全球购物
PHP数据运算类型都有哪些
2013/11/05 面试题
公司总经理工作职责管理办法
2014/02/28 职场文书
基层党员公开承诺书
2014/05/29 职场文书
建设办主任四风问题整改思路和措施
2014/09/20 职场文书
工程主管竞聘书
2015/09/15 职场文书
房地产置业顾问工作总结
2015/10/23 职场文书
导游词之安徽巢湖
2019/12/26 职场文书
Python Pandas pandas.read_sql函数实例用法
2021/06/21 Python