HTML <source> 标签

• 

  <source>标签定义和用法

  <source>标记用于为媒体元素指定多个媒体资源，例如<video>，<audio>和<picture>。

  <source>标签允许您根据媒体类型，编解码器支持或媒体查询指定浏览器可以选择的备用视频/音频/图像文件。
• 

  <source>标签浏览器支持

  IE/Edge	Chrome	FireFox	Safari	Opera
  9.0（含）以上	4.0（含）以上	3.5（含）以上	4.0（含）以上	10.5（含）以上

• 

  HTML4.01和HTML5之间的差异

  <source>标记是HTML5中的新标记。
• 

  <source>标签实例

  <audio controls>
  <source src="/images/audio/demo.ogg" type="audio/ogg">
  <source src="/images/audio/demo.mp3" type="audio/mpeg">
  您的浏览器不支持audio元素。
  </audio>
  

  尝试一下
• 

  <source>标签属性

  橙红色的5标识表示HTML5的新功能。

  属性名	属性值	描述
  src	URL	在<audio>和<video>中使用<source>时需要。 指定媒体文件的URL
  srcset	URL	在<picture>中使用<source>时需要。 指定要在不同情况下使用的图像的URL
  media	media_query	通常接受在CSS中定义的任何有效媒体查询
  sizes		指定不同页面布局的图像大小
  type	MIME-type	指定资源的MIME类型

• 

  <source>标签全局属性

  <source>标签还支持全局属性。 查看有关全局属性的更多知识。
• 

  <source>标签事件属性

  <source>标签还支持事件属性。 查看有关事件属性的更多知识。
• 

  <source>标签相关页面

  HTML教程：HTML视频 HTML教程：HTML音频
• 

  <source>标签默认CSS设置

  没有。