h5音频视频播放

Audio音频

标签<audio>定义声音，<source>规定多媒体资源，可以是多个。control（控制器）属性供添加播放、暂停和音量控件。

 

		<audio src="" controls="controls"><!--src中指向播放资源，controls显示暂停功能按钮等--></audio>
		<audio id="audio" src=""></audio>
		<button onclick="xx()">播放/暂停</button>
		<script>
			var a = getElementById("audio");
			function xx(){
				if(a.paused){//判断当前音频是否在播放,返回true为播放，false为暂停
					a.play();
				}else{
					a.pause();
				}
			}
		</script>

 

编解码工具

 

不是所有浏览器支持的视频都是一种格式，所以需要编解码工具能来回转化视频格式。

软件：FFmpeg（www.ffmpeg.org）免费开源软件
步骤：终端（cmd）执行下载好的ffmpeg文件中的ffmpeg文件（该步骤查看编解码工具是否可执行）；进入音频文件所在文件夹；复制粘贴ffmpeg文件路径，其后加/ffmpeg -i 转换音频名字（全名，例xx.mp4） -acodec libvorbis 转换之后的名字;；执行即可转码

Video视频

标签<video>定义声音，<source>规定多媒体资源，可以多个；control（控制器）属性供添加播放、暂停和音量控件；属性width\heigth

 

		<video controls="controls" width="500px" height="400px">
			<source src="xx.mp4"></source>
			<source src="xx.ogg"></source>
			浏览器不支持视频时可以把video中的src指向去掉，加多个source标签
		</video>
		<video src="" id="vide">用按钮控制播放</video>
		<button onclick="mm()">播放/暂停</button>
		<button onclick="big()">放大</button>
		<button onclick="sma()">缩小</button>
		<script>
			var vide = document.getElementById("vide");
			function mm(){
				if(vide.paused){
					vide.play();
				}else{
					vide.pause();
				}
			}
			function big(){
				vide.width = 600;
				vide.height = 600;
			}
			function sma(){
				vide.width = 300;
				vide.height = 200;
			}
		</script>