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进度条分享
Apr 11 HTML / CSS
CSS3中Transition动画属性用法详解
Jul 04 HTML / CSS
用CSS3和table标签实现一个圆形轨迹的动画的示例代码
Jan 17 HTML / CSS
css和css3弹性盒模型实现元素宽度(高度)自适应
May 15 HTML / CSS
CSS3 border-radius圆角的实现方法及用法详解
Sep 14 HTML / CSS
css3中仿放大镜效果的几种方式原理解析
Dec 03 HTML / CSS
用HTML5制作一个简单的桌球游戏的教程
May 12 HTML / CSS
Html5实现二维码扫描并解析
Jan 20 HTML / CSS
深入解析HTML5 Canvas控制图形矩阵变换的方法
Mar 24 HTML / CSS
浅谈Html5多线程开发之WebWorkers
May 02 HTML / CSS
Html5页面点击遮罩层背景关闭遮罩层
Nov 30 HTML / CSS
纯CSS实现一个简单步骤条的示例代码
Jul 15 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
德生H-501的评价与改造
2021/03/02 无线电
php代码优化及php相关问题总结
2006/10/09 PHP
php发送post请求的三种方法
2014/02/11 PHP
thinkphp中ajax与php响应过程详解
2014/12/08 PHP
CodeIgniter 完美解决URL含有中文字符串
2016/05/13 PHP
ThinkPHP框架中使用Memcached缓存数据的方法
2018/03/31 PHP
原生JS实现Ajax通过POST方式与PHP进行交互的方法示例
2018/05/12 PHP
CentOS7编译安装php7.1的教程详解
2019/04/18 PHP
php自动加载代码实例详解
2021/02/26 PHP
jQuery实用技巧必备(下)
2015/11/03 Javascript
JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果
2016/08/23 Javascript
微信小程序 video组件详解
2016/10/25 Javascript
微信小程序之页面跳转和参数传递的实现
2017/09/29 Javascript
使用vue-router完成简单导航功能【推荐】
2018/06/28 Javascript
基于Vue实现微信小程序的图文编辑器
2018/07/25 Javascript
QML实现圆环颜色选择器
2019/09/25 Javascript
jQuery 添加元素和删除元素的方法
2020/07/15 jQuery
pymongo给mongodb创建索引的简单实现方法
2015/05/06 Python
python实现连接mongodb的方法
2015/05/08 Python
python实现多线程的两种方式
2016/05/22 Python
Python 模块EasyGui详细介绍
2017/02/19 Python
python3.0 模拟用户登录,三次错误锁定的实例
2017/11/02 Python
PyQt5每天必学之单行文本框
2018/04/19 Python
Python-Seaborn热图绘制的实现方法
2019/07/15 Python
python数据预处理之数据标准化的几种处理方式
2019/07/17 Python
python实现简易学生信息管理系统
2020/04/05 Python
亚马逊巴西站:Amazon.com.br
2019/09/22 全球购物
荣耀俄罗斯官网:HONOR俄罗斯
2020/10/31 全球购物
四种会话跟踪技术
2015/05/20 面试题
司机检讨书
2014/02/13 职场文书
2014年清明节网上祭英烈寄语
2014/04/09 职场文书
文化建设工作方案
2014/05/12 职场文书
爱护公共设施演讲稿
2014/09/13 职场文书
班级光棍节联谊会策划书
2014/10/10 职场文书
MySQL的join buffer原理
2021/04/29 MySQL
Vue全局事件总线你了解吗
2022/02/24 Vue.js