tianqi 2015-10-09
根据HTTML5的官方标准,并不需要为任何特定的音频或视频格式提供支持,所以浏览器厂商可以选择他们希望支持的格式。
一、HTML5中播放音频
1. audio元素
HTML5中,使用新增的audio元素来播放声音文件或音频流,支持Ogg Vorbis、MP3和WAV等音频格式。其用法如下
<audio src="sample.mp3" controls="controls"> 您的浏览器不支持audio标签 </audio>
2.播放音频
下面是一段完整的播放音频的代码
<audio controls="controls" autoplay loop> <source src="sample.ogg" type="audio/ogg"> <source src="sample.mp3" type="audio/mpeg"> 您的浏览器不支持audio标签 </audio>
注:
*audio之间的内容是为不支持audio元素的浏览器准备的替换内容;
*src直接指向媒体文件,如果浏览器不支持相关内容或编解码器时,需要用到备用声明,浏览器从这些数据源中进行选择(如上多个source);
*srouce用type声明的媒体属性如果与媒体文件不匹配,浏览器可能拒绝播放,如果不明确type类型,可以省略。
二、HTML5中播放视频
1. video元素
HTML5中,使用新增的video元素来播放视频文件或视频流,支持Ogg、MPEG-4、WebM等视频格式,用法如下:
<video src="sample.mp4" controls="controls"> 您的浏览器不支持HTML5视频 </video>
2. 播放视频
下面是播放视频的一个完整示例,浏览器会选择source列表中第一个可以识别的格式。
<video controls="controls" autoplay> <source src="sample.mp4" type="video/mp4"> <source src="sample.ogg" type="video/ogg"> 您的浏览器不支持HTML5视频 </video>
三、音频&视频相关属性、方法与事件
下面只介绍一些视频、音频相关的
1.相关属性
2.相关方法
3.相关事件
用addEventListener或者直接赋值方式添加事件监听,下面仅列出部分事件:
表格的现在还是较为常用的一种标签,但不是用来布局,常见处理、显示表格式数据。在HTML网页中,要想创建表格,就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...
一个客户要求给网站添加一个背景音乐,我用的是html5添加网页背景音乐的代码,在此记录一下以后有用。html5方法二:<videocontrols=""autoplay=""name="media&q