css总结16:HTML5 多媒体音频(Audio)视频(video )

1 显示嵌入网页中的 MP3 文件:

<embed height="50" width="100" src="horse.mp3">

 2 HTML5 <audio> 音频播放属性:

 2-1 audio  常用属性:

 autoplay 自动播放   loop 循环 controls 控制器

例子:

<audio controls>
  <source src="horse.mp3" type="audio/mpeg">
  <source src="horse.ogg" type="audio/ogg">
  Your browser does not support this audio format.
</audio>

 

3-1  常用属性:

autoplay 自动播放   loop 循环 controls 控制器

 

3-1 代码:

<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">
您的浏览器不支持 video 标签。
</video> 

注:source  指的是播放资源.若前两个无法播放,自动播放后两个.

 

posted @ 2018-04-02 09:45  前端邢晋宇  阅读(700)  评论(0编辑  收藏  举报