0
点赞
收藏
分享

微信扫一扫

HTML5多媒体

洛茄 2022-03-12 阅读 51

HTML5 多媒体

1.简介

Web 上的多媒体指的是音效、音乐、视频和动画。


2.音频

HTML5 <audio> 元素会尝试以 mp3ogg 来播放音频。如果失败,代码将回退尝试 <embed> 元素

<audio controls height="100" width="100">
  <source src="horse.mp3" type="audio/mpeg">
  <source src="horse.ogg" type="audio/ogg">
  <embed height="50" width="100" src="horse.mp3">
</audio>

3.视频

以下实例中使用了 4 种不同的视频格式。HTML 5 <video> 元素会尝试播放以 mp4、ogg 或 webm 格式中的一种来播放视频。如果均失败,则回退到 <embed> 元素。

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.webm" type="video/webm">
  <object data="movie.mp4" width="320" height="240">
    <embed src="movie.swf" width="320" height="240">
  </object>
</video>

版权声明:本文教程基于菜鸟教程

举报

相关推荐

0 条评论