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的flexbox实现水平垂直居中与三列等高布局
Sep 12 HTML / CSS
CSS3模块的目前的状况分析
Feb 24 HTML / CSS
CSS3 transition 实现通知消息轮播条
Oct 14 HTML / CSS
CSS3 实现发光边框特效
Nov 11 HTML / CSS
HTML5 Web 存储详解
Sep 16 HTML / CSS
HTML5中视频音频的使用详解
Jul 07 HTML / CSS
canvas进阶之如何画出平滑的曲线
Oct 15 HTML / CSS
localStorage的过期时间设置的方法详解
Nov 26 HTML / CSS
Html5自定义字体解决方法
Oct 09 HTML / CSS
HTML5 body设置全屏背景图片的示例代码
Dec 08 HTML / CSS
html+css实现环绕倒影加载特效
Jul 07 HTML / CSS
HTML5 语义化标签(移动端必备)
Aug 23 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
CodeIgniter框架URL路由总结
2014/09/03 PHP
PHP也能干大事 随机函数
2015/04/14 PHP
PHP中调用C/C++制作的动态链接库的教程
2016/03/10 PHP
yii2.0框架多模型操作示例【添加/修改/删除】
2020/04/13 PHP
防止网站内容被拷贝的一些方法与优缺点好处与坏处分析
2007/11/30 Javascript
Javascript中的Array数组对象详谈
2014/03/03 Javascript
JS实现控制表格只显示行边框或者只显示列边框的方法
2015/03/31 Javascript
jQuery日历插件datepicker用法详解
2016/03/03 Javascript
AngularJS表单验证中级篇(3)
2016/09/28 Javascript
Vue.js实战之Vuex的入门教程
2017/04/01 Javascript
nodejs集成sqlite使用示例
2017/06/05 NodeJs
node.js + socket.io 实现点对点随机匹配聊天
2017/06/30 Javascript
JQuery 获取多个select标签option的text内容(实例)
2017/09/07 jQuery
Javacript中自定义的map.js  的方法
2017/11/26 Javascript
vue 实现 ios 原生picker 效果及实现思路解析
2017/12/06 Javascript
vue实现PC端录音功能的实例代码
2019/06/05 Javascript
解决在layer.open中使用时间控件laydate失败的问题
2019/09/11 Javascript
使用vue重构资讯页面的实例代码解析
2019/11/26 Javascript
Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)
2020/05/26 Javascript
[03:49]辉夜杯现场龙骑士COSER秀情商“我喜欢芬队!”
2015/12/27 DOTA
[01:38]完美世界高校联赛决赛花絮
2018/12/02 DOTA
[00:43]拉比克至宝魔导师密钥展示
2018/12/20 DOTA
python对url格式解析的方法
2015/05/13 Python
利用 Monkey 命令操作屏幕快速滑动
2016/12/07 Python
Python中Django发送带图片和附件的邮件
2017/03/31 Python
Python获取CPU、内存使用率以及网络使用状态代码
2018/02/08 Python
python调用API实现智能回复机器人
2018/04/10 Python
python 使用pandas计算累积求和的方法
2019/02/08 Python
css3 仿写阿里云水纹效果的示例代码
2018/02/10 HTML / CSS
总经理助理岗位职责
2013/11/08 职场文书
创意广告词
2014/03/17 职场文书
小学教师师德师风承诺书
2015/04/28 职场文书
行政答辩状范文
2015/05/21 职场文书
开国大典观后感
2015/06/04 职场文书
解决Django transaction进行事务管理踩过的坑
2021/04/24 Python
python神经网络学习 使用Keras进行回归运算
2022/05/04 Python