菜鸟学堂在线工具

源代码

 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟学堂</title>
</head>
<body>
<video id="video1" controls="controls">
<source src="mov_bbb.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
您的浏览器不支持 HTML5 video 标签。
</video>
<script>
myVid=document.getElementById("video1");
myVid.addEventListener("durationchange", function()
{
  alert("The video duration has changed");
}
);
</script>
<p>Video courtesy of <a href="http://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p>
</body>
</html>

运行结果 在线运行