<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h3>html5视频音频</h3>
<ul>
<p>audio标签播放音频</p>
<li><textarea rows="5" cols="100">
<audio controls="controls">
<source src="home.ogg" type="audio/ogg"/>
<source src="home.mp3" type="audio/mpeg"/>
</audio>
会一直试，如果ogg格式不支持，赚到下面mpeg
</textarea></li>
<p>audio标签播放视频</p>
<li>
<textarea rows="5" cols="100">
<vedio width="400" height="200" tcontrols="controls">
<source src="home.ogg" type="vedio/ogg"/>
<source src="home.mp4" type="vedio/mp4"/>
您的浏览器不支持vedio
</vedio>
</textarea>
</li>
<p>音视频相关属性</p>
<li>src</li>
<li>autoplay:是否一加载完页面自动播放</li>
<li>buffered:返回TimeRanges，确认浏览器已经缓存媒体文件</li>
<li>controls:可以问多媒体提供播放的进度条，播放暂停，时间，音量，全屏</li>
<li>currentSrc:用于返回一个多媒体文件确定的url地址</li>
<li>currentTime:用于返回视频播放的位置，返回时间，可以设置当前视频播放的位置</li>
<li>duration:用于返回视频播放的总时长</li>
<li>muted:是否应该静音</li>
<li>networkState:返回音频视频的当前网络状态</li>
<li>paused:返回音频视频是否暂停</li>
<li>played:用户已播放音频视频的范围</li>
<li>preload:是否预加载，即在页面加载后马上加载视频，值auto,null</li>
<li>seekable:加载状态码，就像http中的state状态码，seekable.start(0)返回加载的视频开始时间，seekable.end(0)显示加载完成的视频位置时间</li>
<li>volume:返回当前视频音频的音量</li>
<p>音视频相关方法</p>
<li>canPlayType():检测浏览器能支持的视频音频类型</li>
<li>load():重新加载视频音频</li>
<li>pause():暂停当前播放</li>
<li>play():播放当前音视频</li>
</ul>
</body>
</html>
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
