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 相关文章推荐
全面解析CSS Media媒体查询使用操作(推荐)
Aug 15 HTML / CSS
CSS3动画之利用requestAnimationFrame触发重新播放功能
Sep 11 HTML / CSS
CSS3教程(8):CSS3透明度指南
Apr 02 HTML / CSS
CSS3 text shadow字体阴影效果
Jan 08 HTML / CSS
HTML5 CSS3打造相册效果附源码下载
Jun 16 HTML / CSS
html5摇一摇代码优化包括DeviceMotionEvent等等
Sep 01 HTML / CSS
html5使用canvas绘制文字特效
Dec 15 HTML / CSS
HTML5学习笔记之History API
Feb 26 HTML / CSS
html5+css3进度条倒计时动画特效代码【推荐】
Mar 08 HTML / CSS
Html5页面中的返回实现的方法
Feb 26 HTML / CSS
web字体加载方案优化小结
Nov 29 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.ini中配置屏蔽错误信息显示和保存错误日志的例子
2014/05/12 PHP
PHP.ini安全配置检测工具pcc简单介绍
2015/07/02 PHP
js实现的日期操作类DateTime函数代码
2010/03/16 Javascript
一个可绑定数据源的jQuery数据表格插件
2010/07/17 Javascript
引用外部脚本时script标签关闭的写法
2014/01/20 Javascript
全面详细的jQuery常见开发技巧手册
2016/02/21 Javascript
CascadeView级联组件实现思路详解(分离思想和单链表)
2016/04/12 Javascript
Javascript基础_嵌入图像的简单实现
2016/06/14 Javascript
jquery实现拖动效果
2016/08/10 Javascript
Bootstrap源码解读模态弹出框(11)
2016/12/28 Javascript
nodejs实现发出蜂鸣声音(系统报警声)的方法
2017/01/18 NodeJs
浅谈Angular文字折叠展开组件的原理分析
2017/11/24 Javascript
Vue动态获取width的方法
2018/08/22 Javascript
深入理解 JS 垃圾回收
2019/06/03 Javascript
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
2019/06/18 jQuery
微信小程序封装多张图片上传api代码实例
2019/12/30 Javascript
.netcore+vue 实现压缩文件下载功能
2020/09/24 Javascript
python实现的生成随机迷宫算法核心代码分享(含游戏完整代码)
2014/07/11 Python
Python函数式编程指南(一):函数式编程概述
2015/06/24 Python
MySQL中表的复制以及大型数据表的备份教程
2015/11/25 Python
浅谈python中set使用
2016/06/30 Python
python WindowsError的错误代码详解
2017/07/23 Python
Python数据分析库pandas基本操作方法
2018/04/08 Python
Python基于pycrypto实现的AES加密和解密算法示例
2018/04/10 Python
python针对不定分隔符切割提取字符串的方法
2018/10/26 Python
解决Django中调用keras的模型出现的问题
2019/08/07 Python
Python代码中如何读取键盘录入的值
2020/05/27 Python
使用css3和jquery实现可伸缩搜索框
2014/02/12 HTML / CSS
澳大利亚领先的在线葡萄酒零售商:Get Wines Direct
2018/03/27 全球购物
公司营业员的自我评价
2014/03/04 职场文书
教师节感恩老师演讲稿
2014/08/28 职场文书
工作收入证明模板
2015/06/12 职场文书
教师节主题班会教案
2015/08/17 职场文书
2016幼儿园教师节新闻稿
2015/11/25 职场文书
个人售房合同协议书
2016/03/21 职场文书
护士年终工作总结不会写?各科护士模板总结
2020/01/02 职场文书