在 HTML 中,你可以使用 <audio> 和 <video> 元素来嵌入音频和视频文件。以下是简单的示例:

音频示例:
<audio controls>
  <source src="audio.mp3" type="audio/mp3">
  Your browser does not support the audio element.
</audio>

在这个例子中,<audio> 元素包含一个 <source> 子元素,其中 src 属性指定音频文件的路径,而 type 属性指定文件类型。controls 属性添加了音频播放器的控制按钮。

视频示例:
<video width="400" height="300" controls>
  <source src="video.mp4" type="video/mp4">
  Your browser does not support the video element.
</video>

这个视频示例类似于音频示例,只是使用了 <video> 元素,并且有设置视频的宽度和高度。同样,controls 属性添加了视频播放器的控制按钮。

请注意,浏览器需要支持相应的音频和视频格式。在上述示例中,.mp3 和 .mp4 分别是音频和视频文件的格式。你可能需要提供多个不同格式的文件,以确保兼容性。

此外,你还可以使用 JavaScript 控制音频和视频的播放、暂停等操作。例如:
<audio id="myAudio" controls>
  <source src="audio.mp3" type="audio/mp3">
  Your browser does not support the audio element.
</audio>

<script>
  var audio = document.getElementById('myAudio');

  function playAudio() {
    audio.play();
  }

  function pauseAudio() {
    audio.pause();
  }
</script>

在这个例子中,使用 JavaScript 获取了音频元素,并定义了 playAudio 和 pauseAudio 函数,通过这些函数可以控制音频的播放和暂停。


转载请注明出处:http://www.zyzy.cn/article/detail/3793/HTML