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麻将筛子3D翻转特效的实例教程
Dec 31 HTML / CSS
css3一个简易的 LED 数字时钟实现方法
Jan 15 HTML / CSS
移动web模拟客户端实现多方框输入密码效果【附代码】
Mar 25 HTML / CSS
基于 HTML5 WebGL 实现的垃圾分类系统
Oct 08 HTML / CSS
Canvas 文字碰撞检测并抽稀的方法
May 27 HTML / CSS
HTML5 canvas 基本语法
Aug 26 HTML / CSS
HTML5组件Canvas实现图像灰度化(步骤+实例效果)
Apr 22 HTML / CSS
html5弹跳球示例代码
Jul 23 HTML / CSS
基于zepto的插件之移动端无缝向上滚动并上下触摸滑动实例代码
Dec 20 HTML / CSS
html5简介_动力节点Java学院整理
Jul 07 HTML / CSS
html5借用repeating-linear-gradient实现一把刻度尺(ruler)
Sep 09 HTML / CSS
CSS极坐标的实例代码
Jun 03 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登录环节防止sql注入的方法浅析
2014/06/30 PHP
php+MySQL判断update语句是否执行成功的方法
2014/08/28 PHP
Yii分页用法实例详解
2014/12/04 PHP
php注册审核重点解析(数据访问)
2017/05/23 PHP
php xhprof使用实例详解
2019/04/15 PHP
理解 JavaScript 预解析
2009/10/25 Javascript
JavaScript.The.Good.Parts阅读笔记(二)作用域&amp;闭包&amp;减缓全局空间污染
2010/11/16 Javascript
JS等比例缩小图片尺寸的实例
2013/02/27 Javascript
JQUERY简单按钮轮换选中效果实现方法
2015/05/07 Javascript
jQuery控制DIV层实现由大到小,由远及近动画变化效果
2015/10/09 Javascript
JavaScript通过代码调用Flash显示的方法
2016/02/02 Javascript
AngularJS 指令的交互详解及实例代码
2016/09/14 Javascript
jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单
2016/09/21 Javascript
微信小程序 label 组件详解及简单实例
2017/01/10 Javascript
BootStrap 动态表单效果
2017/06/02 Javascript
angular-ngSanitize模块-$sanitize服务详解
2017/06/13 Javascript
Nodejs之http的表单提交
2017/07/07 NodeJs
JavaScrpt中如何使用 cookie 设置查看与删除功能
2017/07/09 Javascript
Vue实现数据表格合并列rowspan效果
2020/11/30 Javascript
[43:32]Winstrike vs VGJ.S 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
Python中模块pymysql查询结果后如何获取字段列表
2017/06/05 Python
Python封装原理与实现方法详解
2018/08/28 Python
python批量复制图片到另一个文件夹
2018/09/17 Python
Python定时任务工具之APScheduler使用方式
2019/07/24 Python
pyinstaller打包找不到文件的问题解决
2020/04/15 Python
Python xlrd模块导入过程及常用操作
2020/06/10 Python
matplotlib基础绘图命令之bar的使用方法
2020/08/13 Python
Python爬虫实现自动登录、签到功能的代码
2020/08/20 Python
pandas处理csv文件的方法步骤
2020/10/16 Python
小女主人连衣裙:Little Mistress
2017/07/10 全球购物
巴西电子、家电、智能手机购物网站:Girafa
2019/06/04 全球购物
办公室秘书自我鉴定
2014/01/18 职场文书
《木笛》教学反思
2014/03/01 职场文书
小班下学期评语
2014/05/04 职场文书
如何解决.cuda()加载用时很长的问题
2021/05/24 Python
Pytorch DataLoader shuffle验证方式
2021/06/02 Python