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

Posted autoxingjy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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  指的是播放资源.若前两个无法播放,自动播放后两个.

 










以上是关于css总结16:HTML5 多媒体音频(Audio)视频(video )的主要内容,如果未能解决你的问题,请参考以下文章

HTML音频和视频

HTML5无插件多媒体Media——音频audio与视频video

HTML5无插件多媒体Media——音频audio与视频video

Android 音频播放——AudioTrack直接播PCMMediaPlayer播媒体文件可以是audio

使用 Web Audio API 和 Wrtc 进行远程音频处理

第五周学习总结-HTML5