HTML <source> 标签type属性

  • <source>标签type属性定义和用法

    type属性指定媒体资源的Internet媒体类型(以前称为MIME类型)。

  • <source>标签type属性浏览器支持

    Edge/IE Chrome FireFox Safari Opera
    9.0(含)以上 4.0(含)以上 3.5(含)以上 4.0(含)以上 10.5(含)以上
  • HTML4.01和HTML5之间的差异

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

  • <source>标签type属性语法

    <source type="media_type">

  • <source>标签type属性实例

    <picture>
        <source media="(min-width: 650px)" srcset="/images/fj3.jpg">
        <source media="(min-width: 465px)" srcset="/images/fj2.jpg">
        <img src="/images/fj1.jpg" alt="fj" style="width:auto;">
    </picture>
    尝试一下
  • <source>标签type属性的值

    描述
    media_type 指定媒体资源的Internet媒体类型。
    常见媒体类型:
    对于视频:
    • video/ogg
    • video/mp4
    • video/webm
    对于音频:
    • audio/ogg
    • audio/mpeg
    查看IANA媒体类型以获取标准媒体类型的完整列表