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实现简易版的刮刮乐效果
Sep 27 HTML / CSS
45个非常奇妙的CSS3 特性应用示例
Jan 01 HTML / CSS
css3弹性盒模型实例介绍
May 27 HTML / CSS
实例教程 纯CSS3打造非常炫的加载动画效果
Nov 05 HTML / CSS
浅析rem和em和px vh vw和% 移动端长度单位
Apr 28 HTML / CSS
用React加CSS3实现微信拆红包动画效果
Mar 13 HTML / CSS
CSS3 对过渡(transition)进行调速以及延时
Oct 21 HTML / CSS
详解利用css3的var()实现运行时改变scss的变量值
Mar 02 HTML / CSS
HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦
Apr 25 HTML / CSS
canvas拼图功能实现代码示例
Nov 21 HTML / CSS
canvas实现烟花的示例代码
Jan 16 HTML / CSS
AmazeUI导航的示例代码
Aug 14 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
支持oicq头像的留言簿(一)
2006/10/09 PHP
PHP file_get_contents 函数超时的几种解决方法
2009/07/30 PHP
PHPUnit PHP测试框架安装方法
2011/03/23 PHP
PHP实现时间轴函数代码
2011/10/08 PHP
解析dedeCMS验证码的实现代码
2013/06/07 PHP
关于js和php对url编码的处理方法
2014/03/04 PHP
PHP实现把文本中的URL转换为链接的auolink()函数分享
2014/07/29 PHP
Linux下PHP安装mcrypt扩展模块笔记
2014/09/10 PHP
php命令行用法入门实例教程
2014/10/27 PHP
PHP可变变量学习小结
2015/11/29 PHP
30个精美的jQuery幻灯片效果插件和教程
2011/08/23 Javascript
Javascript页面添加到收藏夹的简单方法
2013/08/07 Javascript
JavaScript中的console.dir()函数介绍
2014/12/29 Javascript
JavaScript实现计算字符串中出现次数最多的字符和出现的次数
2015/03/12 Javascript
IE中document.createElement的iframe无法设置属性name的解决方法
2015/09/14 Javascript
Vue.js展示AJAX数据简单示例讲解
2017/03/29 Javascript
Angular2中如何使用ngx-translate进行国际化
2017/05/21 Javascript
JS中正则表达式要注意lastIndex属性
2017/08/08 Javascript
微信小程序使用image组件显示图片的方法【附源码下载】
2017/12/08 Javascript
js判断在哪个浏览器打开项目的方法
2020/01/21 Javascript
js实现经典贪吃蛇小游戏
2020/03/19 Javascript
使用vue cli4.x搭建vue项目的过程详解
2020/05/08 Javascript
在Python的Django框架中加载模版的方法
2015/07/16 Python
在Django的视图中使用form对象的方法
2015/07/18 Python
Python中属性和描述符的正确使用
2016/08/23 Python
python 实现语音聊天机器人的示例代码
2018/12/02 Python
python实现windows壁纸定期更换功能
2019/01/21 Python
python中图像通道分离与合并实例
2020/01/17 Python
keras分类之二分类实例(Cat and dog)
2020/07/09 Python
python安装sklearn模块的方法详解
2020/11/28 Python
印度尼西亚综合购物网站:Lazada印尼
2016/09/07 全球购物
工程项目经理岗位职责
2013/12/15 职场文书
小学毕业家长寄语
2014/01/19 职场文书
2015年计算机教师工作总结
2015/07/22 职场文书
java调用Restful接口的三种方法
2021/08/23 Java/Android
详解JSON.parse和JSON.stringify用法
2022/02/18 Javascript