用 HTML5 原生支持轻松加载音频和视频

• src： 指定要播放的视频文件的 URL
• controls： 显示播放控制（播放/暂停、音量等）
• autoplay： 自动播放视频
• width： 指定视频的宽度（以像素为单位）
• height： 指定视频的高度（以像素为单位）

实践：加载音频和视频

让我们通过一些实际示例来了解如何使用

加载音频

<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

上面的代码会在页面中嵌入一个音频播放器，它具有播放控制，并加载一个名为 "audio.mp3" 的 MP3 文件。

加载视频

<video controls width="640" height="360">
  <source src="video.mp4" type="video/mp4">
  Your browser does not support the video element.
</video>

上面的代码会在页面中嵌入一个视频播放器，它具有播放控制、指定宽度和高度，并加载一个名为 "video.mp4" 的 MP4 文件。

浏览器兼容性

值得注意的是，对

结论

HTML5 原生支持音频和视频使 Web 开发人员能够轻松地在网页中集成多媒体内容。通过