HTML5中的视频和音频标签及应用示例
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
目录
1.1 HTML5中的视频和音频标签 (2)
1.1.1 相关术语 (2)
1.1.2 在HTML4页面中播放视频示例 (3)
1.1.3 在XHTML1.1页面中播放视频示例 (4)
1.1.4 应用HTML5在线播放MP4视频和MP3音频 (5)
1.1.5 各个浏览器所支持的视频和音频格式 (5)
1.1.6
1.1.7 在实际应用中需要考虑的相关问题 (11)
1.1.8 编程动态创建和控制HTML5 的音频示例 (15)
1.1.9 应用JavaScript实现在线控制视频和音频的代码示例 (18)
1.1.10 与播放过程相关的典型事件名称及含义 (22)
1.1.11 与播放过程相关的典型事件的应用示例 (25)
1.1HTML5中的视频和音频标签
1.1.1相关术语
1、与视频和音频播放有关的几个术语
(1)视频容器
视频容器是一个封装体,主要封装了音频轨道、视频轨道、元数据(视频封面、标题、子标题、字幕等信息)。主流视频容器支持以下格式的视频文件:.avi、.flv、.mp4(包括音频和视频)、.mkv和.ogg。
(2)音频和视频编码器和解码器
一组用来对音频和视频信息进行编码、解码以便能正常播放的计算机算法。主流的音频编解码器有:AAC、MPEG-3和Ogg V orbis,而主流的视频编解码器有:H.264、VP8和Ogg Theora。
2、在HTML4页面中播放视频的相关HTML标签
(1)
(2)主要的属性
1)CLASSID:设置浏览器的Activex控件,仅用于
2)CODEBASE:设置flash Activex控件的位置,因而如果浏览器如果没有安装的话,
可以自动下载安装。仅用于
3)WIDTH:以百分比或象素指定flash影片的宽度。
4)HEIGHT:以百分比或象素指定flash影片的高度。
5)SRC:指定影片的下载地址。仅用于
6)PLUGINSPAGE:设置flash 插件的位置,因而如果浏览器如果没有安装的话,可
以自动下载安装。仅用于
7)MOVIE:指定影片的下载地址。仅用于
1.1.2在HTML4页面中播放视频示例
1、在HTML4页面中播放视频的应用示例
2、如何实现兼容于不同的浏览器
为了确保大多数浏览器能正常显示页面中内嵌的flash,需要把
1.1.3在XHTML1.1页面中播放视频示例
height="344" codebase="swflash.cab#version=6,0,40,0"> src="myFlashMovie.swf" allowscriptaccess="always" allowfullscreen="true">
综上示例,为了达到兼容不同的浏览器,需要使用