十三

最新推荐文章于 2024-05-20 19:30:50 发布

PUDINrua

最新推荐文章于 2024-05-20 19:30:50 发布

阅读量78

点赞数

本文链接：https://blog.csdn.net/PUDINrua/article/details/115167370

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>插入音频和视频</title>
	</head>
	<body>
		<!-- 音频：audio -->
		<!-- 插入音频：<audio></audio> -->
		<!-- controls：音频控制台 -->
		<audio src="img/心如死灰.mp3" controls="controls">音频格式错误</audio>
		<audio src="img/鹿头LuTo - 山海remix.mp3" controls="controls">音频格式错误</audio>
		
		<!-- video：视频 -->
		<video src="./img/video.mp4" controls="controls " width="50%" height="50%">视频格式错误</video>
	</body>
</html>



audio支持三种音频格式：mp3 wav ogg
video支持三种格式：mp4 webm ogg






<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<audio controls="controls" loop="loop" autoplay="autoplay">
			<!-- source：源头 -->
			<source src="img/鹿头LuTo%20-%20山海remix.mp3" type="audio/mp3"></source>
			<source src="img/鹿头LuTo - 山海remix.ogg" type="audio/ogg"></source>
			<source src="img/鹿头LuTo%20-%20山海remix.wav" type="audio/wav"></source>
		</audio>
		<video controls="controls" width="50%" height="50%" loop="loop" autoplay="autoplay">
			<source src="img/video.mp4" type="video/mp4"></source>
			<source src="img/video.ogg" type="video/ogg"></source>
			<source src="img/video.webm" type="video/webm"></source>
		</video>
	</body>
</html>