手册

HTML 多媒体 HTML 插件 HTML 音频(Audio) HTML 视频（Videos）

<!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bdi> <bdo> <big> <blockquote> <body> <br> <button> <canvas> <caption> <center> <cite> <code> <col> <colgroup> <command> <datalist> <dd> <del> <details> <dfn> <dialog> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <head> <header> <hgroup> <h1> - <h6> <hr> <i> <iframe> <img> <input> <ins> <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <html> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <track> <tt> <u> <ul> <var> <video> <wbr>

首页大前端 HTML HTML 开发手册

<source>

阅读186021

更新时间2022-04-11

<small>

<span>

前言：

HTML <source> 标签实例带有两个源文件的音频播放器。浏览器需要选择它所支持的源文件（如果都支持则任选一个）： <audio controls> <source src='horse.ogg' type='audio/ogg'> <source src='..

HTML <source> 标签

实例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

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

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

浏览器支持

IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <source> 标签。

注释：IE 8 或更早版本的 IE 浏览器都不支持 <source> 标签。

标签定义及使用说明

<source> 标签为媒体元素（比如 <video> 和 <audio>）定义媒体资源。

<source> 标签允许您规定两个视频/音频文件共浏览器根据它对媒体类型或者编解码器的支持进行选择。

HTML 4.01 与 HTML5之间的差异

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

属性

New ：HTML5 中的新属性。

属性	值	描述
mediaNew	media_query	规定媒体资源的类型，供浏览器决定是否下载。
srcNew	URL	规定媒体文件的 URL。
typeNew	MIME_type	规定媒体资源的 MIME 类型。