2021-03-24

最新推荐文章于 2024-09-14 12:37:34 发布

北路有点堵车*

最新推荐文章于 2024-09-14 12:37:34 发布

阅读量60

点赞数

分类专栏：学习笔记笔记文章标签： html

本文链接：https://blog.csdn.net/d13368568386/article/details/115167773

版权

学习笔记同时被 2 个专栏收录

23 篇文章 0 订阅

订阅专栏

笔记

19 篇文章 0 订阅

订阅专栏

该博客介绍了如何在HTML5中使用`<audio>`和`<video>`标签插入和控制音频及视频播放。支持的音频格式包括MP3, WAV和OGG，视频格式包括MP4, WebM和OGG。示例中展示了循环播放和自动播放的配置方法。

摘要由CSDN通过智能技术生成

音频视频插入

元素支持三种音频格式：MP，Wav和ogg:
元素支持三种视频格式：MP4，WedW和ogg:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>音频视频插入</title>
		
	</head>
	<body>
		<!-- 音频： audio -->
		<!-- 插入音频标签：<audio></audio>-->
		<audio controls="controls" loop="infinite">
			<!-- loop="loop":循环播放  infinte:无限次 -->
			<!--autoplay="autoplay":自动播放-->
			<!--sources:源 -->
			<source src="img/艾辰 - 清空.mp3"></source>
			<source src="img/艾辰 - 清空.wav"></source>
			<source src="img/艾辰 - 清空.ogg"></source>
			<source src="img/艾辰 - 清空.mp3" type="audio/mp3"/>
		</audio>
		<!-- video:视频 -->
		<video controls="controls" loop="infinite" autoplay="autoplay">
		    <source src="img/lli.mp4" type="audio/mp4"></source>
		    <source src="img/lli.WedW"type="audio/WedW"></source>
		    <source src="img/lli.ogg" type="audio/ogg"></source>
		</video>
	</body>
</html>