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编写的的精美动画进度条(无flash/无图像/无脚本/附源码)
Jan 07 HTML / CSS
css3背景图片透明叠加属性cross-fade简介及用法实例
Jan 08 HTML / CSS
css3圆角边框和边框阴影示例
May 05 HTML / CSS
一款纯css3实现的漂亮的404页面的实例教程
Nov 27 HTML / CSS
详解css3 Transition属性(平滑过渡菜单栏案例)
Sep 05 HTML / CSS
用CSS3实现瀑布流布局的示例代码
Nov 10 HTML / CSS
浅析CSS3 中的 transition,transform,translate之间区别和作用
Mar 26 HTML / CSS
html5应用缓存_动力节点Java学院整理
Jul 13 HTML / CSS
HTML5 微格式和相关的属性名称
Feb 10 HTML / CSS
html5教程调用绘图api画简单的圆形代码分享
Dec 04 HTML / CSS
HTML5移动端手机网站开发流程
Apr 25 HTML / CSS
html5需遵循的6个设计原则
Apr 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 发送带附件邮件示例
2014/01/23 PHP
destoon二次开发常用数据库操作
2014/06/21 PHP
PHPExcel内存泄漏问题解决方法
2015/01/23 PHP
php实现ip白名单黑名单功能
2015/03/12 PHP
浅谈php7的重大新特性
2015/10/23 PHP
PHP多进程编程总结(推荐)
2016/07/18 PHP
ExtJS Window 最小化的一种方法
2009/11/18 Javascript
js里的prototype使用示例
2010/11/19 Javascript
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
2011/01/06 Javascript
jquery lazyload延迟加载技术的实现原理分析
2011/01/24 Javascript
15条JavaScript最佳实践小结
2013/08/09 Javascript
超炫的jquery仿flash导航栏特效
2014/11/11 Javascript
详解AngularJS的通信机制
2015/06/18 Javascript
详解jquery validate实现表单验证 (正则表达式)
2017/01/18 Javascript
vue分类筛选filter方法简单实例
2017/03/30 Javascript
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
2017/05/17 Javascript
Angular2关于@angular/cli默认端口号配置的问题
2017/07/15 Javascript
vue实现随机验证码功能的实例代码
2019/04/30 Javascript
Vue Components 数字键盘的实现
2019/09/18 Javascript
javascript实现下拉菜单效果
2021/02/09 Javascript
[15:28]DOTA2 HEROS教学视频教你分分钟做大人-剧毒术士
2014/06/13 DOTA
[00:48]DOTA2国际邀请赛公开赛报名开始 扫码开启逐梦之旅
2018/06/06 DOTA
Python连接mssql数据库编码问题解决方法
2015/01/01 Python
20行python代码的入门级小游戏的详解
2019/05/05 Python
基于Django框架的权限组件rbac实例讲解
2019/08/31 Python
Python 解码Base64 得到码流格式文本实例
2020/01/09 Python
Jupyter notebook如何修改平台字体
2020/05/13 Python
详解Python中@staticmethod和@classmethod区别及使用示例代码
2020/12/14 Python
使用before和:after伪类制作css3圆形按钮
2014/04/08 HTML / CSS
纽约著名的服装辅料来源:M&J Trimming
2017/07/26 全球购物
五一家具促销方案
2014/01/10 职场文书
学习优秀党务工作者先进事迹材料思想报告
2014/09/17 职场文书
领导班子三严三实对照检查材料
2014/09/25 职场文书
目标责任书格式范文
2015/05/11 职场文书
校园歌手大赛主持词
2015/07/03 职场文书
Mysql8.0递归查询的简单用法示例
2021/08/04 MySQL