小白学前端化腐朽为神奇-H5-播放音频视频（day02-5）

Posted 2021-06-05 长安紫薯

功能

播放音频和视频，早期的html标准中是不支持的，需要写特出是插件代码，代码量大，很繁琐。而H5中太简单了，两句话几个属性就搞定。

界面原型

代码实现

		<!-- 
			video 视频播放，支持种类不多，最好为mp4
			height 为视频展现的高度，它会自动等比缩放
		-->
		<video controls="controls" height="400">
			<source src="http://act.codeboy.com/tools/mp4/stu/2008-01.mp4" type="video/mp4">
			</source>
		</video>
	</div>
</body>