音视频播放_audio中的source

音频播放

audio标签用来向页面中引入一个外部的音频文件，音频文件引入时，默认情况下不允许用户自己控制播放。需要使用controls属性为音频文件提供控制。

在HTML5中，audio标签用于定义播放音频文件的标准，它支持三种格式，分别为Ogg，MP3，wav。其基本格式如下：

<audio src="音频文件路径" controls ></ audio>

ps：

如果设置了autoplay，则音乐在打开页面时会自动播放，但是目前来讲大部分浏览器都不会自动对音乐进行播放，容易给用户造成惊吓等不好的体验。在打开页面播放音频后，再次打开网页才会自动播放。

视频播放

video标签用来向页面中引入一个外部的视频文件，使用方式和auido基本上一样。

在HTML5中，video标签用于定义播放视频文件的标准，它支持三种格式，分别为Ogg，WebM，MPEG4。其基本格式如下：

<video src="视频播放路径" controls ></video>

音，视频中的source元素 

虽然HTML5支持Ogg，MPEG4和WebM的视频格式以及Vorbis，MP3和WAV的音频格式，但各个浏览器对这些格式却不完全支持。

为了使音、视频能够在各个浏览器中正常播放，往往需要提供多种格式的音、视频文件。在HTML5中，运用source元素可以为video元素或audio元素提供多个备用文件。其基本格式如下：

<audio controls>
    <source src="音频文件路径" type="audio/文件格式">
    <source src="音频文件路径" type="audio/文件格式">
    <source src="音频文件路径" type="audio/文件格式">
    .....
</audio>
<video controls>
    <source src="视频文件路径" type="video/文件格式">
    <source src="视频文件路径" type="video/文件格式">
    <source src="视频文件路径" type="video/文件格式">
    .....
</video>

source元素一般设置两个属性：

• src:用于指定媒体文件的URL地址。
•  type：指定媒体文件的类型。