<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>抖音！</h1>
<video id="video" controls="controls" src="1480P_600K_177371301.mp4"></video>
<script type="text/javascript">
var video=document.getElementById('video');
video.addEventListener("error",function() {
var error=video.error;
switch(error.code){
case 1:
alert('取回過(guò)程被用戶中止！');
break;
case 2:
alert('下載時(shí)出錯(cuò)！');
break;
case 3:
alert('解碼時(shí)出錯(cuò)！');
break;
case 4:
alert('媒體不可用，不支持的音頻視頻！');
break;
}
},false);
</script>
</body>
</html>
---------------------------------------------------
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>audio與video</title>
</head>
<body>
<h1>我在人民廣場(chǎng)吃著炸雞呢</h1>
<audio controls="controls" src="1.mp3">你的瀏覽器不支持audio元素</audio>
<h1>抖音！刺激??！</h1>
<video src="480P_600K_177371301.mp4" controls="controls" width="480" height="300">
你的瀏覽器不支持video元素
</video>
</body>
</html>
效果圖：聯(lián)系客服
