在线运行代码 - 菜鸟教程

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(cainiaoplay.com)</title>
</head> 
<body>

<video id="myVideo" width="320" height="240">
	<source src="movie.mp4.html" type="video/mp4">
  	<source src="movie.ogg.html" type="video/ogg">
 	您的浏览器不支持 video 标签。
</video>
<p>点击按钮添加视频控件。.</p>
<p><strong>注意：</strong> 在 Internet Explorer 浏览器中, 你必须移动鼠标到视频上才能看到控件。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	document.getElementById("myVideo").controls = true;
}
</script>

</body>
</html>
源代码

动行结果
