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 渐变(Gradients)之CSS3 径向渐变
Jul 08 HTML / CSS
利用CSS3的特性改变文本选中时的颜色
Sep 11 HTML / CSS
CSS3 边框效果
Nov 04 HTML / CSS
Html5 postMessage实现跨域消息传递
Mar 11 HTML / CSS
Canvas 文字碰撞检测并抽稀的方法
May 27 HTML / CSS
html5 视频播放解决方案
Nov 06 HTML / CSS
HTML5 LocalStorage 本地存储详细概括(多图)
Aug 18 HTML / CSS
HTML5 Canvas实现360度全景图的示例代码
Jan 29 HTML / CSS
canvas像素点操作之视频绿幕抠图
Sep 11 HTML / CSS
如何在Canvas中添加事件的方法示例
May 21 HTML / CSS
html5 横向滑动导航栏的方法示例
May 08 HTML / CSS
html css3不拉伸图片显示效果
Jun 07 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
discuz Passport 通行证 整合笔记
2008/06/30 PHP
PHP漏洞全解(详细介绍)
2012/11/13 PHP
本地机apache配置基于域名的虚拟主机详解
2013/08/10 PHP
PHP去除空数组且数组键名重置的讲解
2019/02/28 PHP
cnblogs csdn 代码运行框实现代码
2009/11/02 Javascript
js下关于onmouseout、事件冒泡的问题经验小结
2010/12/09 Javascript
JavaScript 计算图片加载数量的代码
2011/01/01 Javascript
关于JS判断图片是否加载完成且获取图片宽度的方法
2013/04/09 Javascript
Nodejs实现多人同时在线移动鼠标的小游戏分享
2014/12/06 NodeJs
javascript三种代码注释方法
2016/06/02 Javascript
微信小程序 教程之wxapp 视图容器 view
2016/10/19 Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
2016/10/27 Javascript
JS键盘版计算器的制作方法
2016/12/03 Javascript
touch.js 拖动、缩放、旋转 (鼠标手势)功能代码
2017/02/04 Javascript
iframe与主框架跨域相互访问实现方法
2017/09/14 Javascript
vue中v-for加载本地静态图片方法
2018/03/03 Javascript
Bootstrap Table列宽拖动的方法
2018/08/15 Javascript
微信小程序登录态和检验注册过没的app.js写法
2019/05/22 Javascript
小程序实现长按保存图片的方法
2019/12/31 Javascript
vue 动态设置img的src地址无效,npm run build 后找不到文件的解决
2020/07/26 Javascript
Python内置random模块生成随机数的方法
2019/05/31 Python
python binascii 进制转换实例
2019/06/12 Python
python Django中models进行模糊查询的示例
2019/07/18 Python
使用Python实现画一个中国地图
2019/11/23 Python
如何在mac环境中用python处理protobuf
2019/12/25 Python
关于python3.9安装wordcloud出错的问题及解决办法
2020/11/02 Python
运动鞋、街头服装、手表和手袋的实时市场:StockX
2020/11/25 全球购物
《值日生》教学反思
2014/02/17 职场文书
网站美工岗位职责
2014/04/02 职场文书
运动会演讲稿100字
2014/08/25 职场文书
大学拉赞助协议书范文
2014/09/26 职场文书
大学辅导员述职报告
2015/01/10 职场文书
公积金接收函格式
2015/01/30 职场文书
Go Gin实现文件上传下载的示例代码
2021/04/02 Golang
vue实现水波涟漪效果的点击反馈指令
2021/05/31 Vue.js
浅谈Python数学建模之线性规划
2021/06/23 Python