如何設置HTML5中的 media？

在HTML5中，我們可以使用<video>和<audio>標簽來嵌入視頻和音頻到網頁中。讓我們先看一個基本的嵌入視頻的示例：

<video src="example.mp4"></video>

在這個例子中，我們使用一個mp4格式的視頻文件嵌入到網頁中。但這并不是最好的方式。因為在不同的瀏覽器和設備上播放不同的視頻格式會有不同的兼容性問題。因此，我們應該使用多個文件格式以確保兼容性。

下面是一個更好的例子，示范如何使用多個文件格式：

<video>
<source src="example.mp4" type="video/mp4">
<source src="example.webm" type="video/webm">
<source src="example.ogv" type="video/ogg">
</video>

在這個例子中，我們使用了三個文件格式：mp4格式、webm格式和ogg格式。瀏覽器會自動選擇其中一個可用的文件格式進行播放。

類似的，當在網頁中嵌入音頻時，也應該使用多個格式的音頻文件以確保兼容性：

<audio>
<source src="song.mp3" type="audio/mpeg">
<source src="song.ogg" type="audio/ogg">
<source src="song.wav" type="audio/wav">
</audio>

除了<source>標簽，我們還可以在視頻或音頻標簽中使用其他的屬性，如：controls（添加播放器的控制條）、autoplay（自動播放）、loop（循環播放）等等。可以根據需要選擇并使用它們。