HTML5-音频audio和视频video标签
2013-08-15 16:22
639 查看
1、音频标签audio
直到现在,仍然不存在一项旨在网页上播放音频的标准。今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 audio 元素来包含音频的标准方法。audio 元素能够播放声音文件或者音频流。
audio支持的音频格式
audio标签的属性
audio实例代码
audio 元素允许多个 source 元素。source 元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式。
audio实例效果(IE10.0)
[b]2、视频标签video
[/b]
video支持的视频格式
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
video标签的属性
video实例代码(opera15.0)
video实例效果
直到现在,仍然不存在一项旨在网页上播放音频的标准。今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 audio 元素来包含音频的标准方法。audio 元素能够播放声音文件或者音频流。
audio支持的音频格式
audio标签的属性
audio实例代码
audio 元素允许多个 source 元素。source 元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式。
<!DOCTYPE HTML> <html> <body background="imge/11.jpg"> <p><font size=6 color="#FF00FF">Just one last dance</font></p> <audio width="320" height="240" controls preload> <source src="audio/Just One Last Dance.mp3" type="audio/mp3"> <source src="audio/Just One Last Dance.ogg" type="audio/ogg"> <source src="audio/Just One Last Dance.wav" type="audio/wav"> Your browser does not support the audio tag. </audio><br/> </body> </html>
audio实例效果(IE10.0)
[b]2、视频标签video
[/b]
video支持的视频格式
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
video标签的属性
video实例代码(opera15.0)
<!DOCTYPE HTML> <html> <body background="imge/11.jpg"> <p><font size=6 color="#FF00FF">Movie</font></p> <video width="320" height="240" controls preload> <source src="video/movie.ogg"> Your browser does not support the video tag. </video><br/> </body> </html>
video实例效果
相关文章推荐
- HTML5 audio与video标签实现视频播放,音频播放
- 直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法
- HTML5 audio与video标签实现视频播放,音频播放
- 直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法
- HTML5 audio与video标签实现视频播放,音频播放
- 低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频
- HTML5 Video与Audio 视频与音频
- Html5新属性audio音频和video视频的控制详解(controls)
- 音频与视频标签—audio和video
- HTML5视频Video 音频Audio
- audio音频和video视频标签的使用
- [html5]html5视频video与音频audio用法详解
- Html5之audio音频和video视频的控制详解(controls)
- html5 音频和视频(audio And video)
- 音频与视频标签—audio和video
- html5 音频和视频(audio And video)
- html5 音频和视频(audio And video)
- HTML5无插件多媒体Media——音频audio与视频video
- HTML5 API 之video/audio 视频/音频
- HTML5(2):音频(audio)与视频(video)