master

分支 (2)

管理

管理

master

liuguanghtml

html
/
播放器.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
	<title>视频播放</title>
</head>
<body>
	<div>
	<video src="a1.webm" controls="controls" id="video1" poster="图片/f18.jpg" width="800" height="800"></video><br>
	<button onclick="bofang()">播放</button>
	<button onclick="zanting()">暂停</button>
	<button onclick="kuaijin()">快进10秒</button>
	<button onclick="kuaitui()">快退10秒</button>
	<button onclick="shutup(this)">静音</button>
	<button onclick="speedup()">加速播放</button>
	<button onclick="speeddown()">减速播放</button>
	<button onclick="normal()">正常播放</button>
	<button onclick="upper()">增大音量</button>
	<button onclick="lower()">减小音量</button>
	<button onclick="makeBig()">大(图像)</button>
	<button onclick="makeNormal()">中(图像)</button>
	<button onclick="makesmall()">小(图像)</button>
	</div>
	<script type="text/javascript">
	var myvideo=document.getElementById('video1');
	function bofang()
	{myvideo.play();}

	function zanting()
	{myvideo.pause();}

	function kuaijin()
	{myvideo.currentTime+=10;}

	function kuaitui()
	{myvideo.currentTime-=10;}

	function shutup(obj)
	{
		if (myvideo.muted)
		{
			obj.innerHTML="静音";
			myvideo.muted=false;
		}
		else
		{
			obj.innerHTML="声音";
			myvideo.muted=true;
		}
	}

	function speedup()
	{myvideo.playbackRate=3;}

	function speeddown()
	{myvideo.playbackRate=1/3;}

	function normal()
	{myvideo.playbackRate=1;}

	function upper()
	{myvideo.volume+=0.1;}

	function lower()
	{myvideo.volume-=0.1;}

	function makeBig()
	{myvideo.width=890;}

	function makeNormal()
	{myvideo.width=600;}

	function makesmall()
	{myvideo.width=420;}
	 </script>
	 <hr>
	 <audio src="" controls="controls"></audio>

</body>
</html>