2021-03-24

最新推荐文章于 2024-09-11 14:09:02 发布

lhl3094140242

最新推荐文章于 2024-09-11 14:09:02 发布

阅读量68

点赞数

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

本文链接：https://blog.csdn.net/lhl3094140242/article/details/115168146

版权

笔记专栏收录该内容

16 篇文章 0 订阅

订阅专栏

音频：audio
插入音频标签：
元素支持三种音频格式文件：MP3、wav和Ogg
元素支持三种音频格式文件：MP4、WebM和Ogg

sources：源
loop=“loop”：循环播放 infinite：无限次
autoplay=：“autoplay”：自动播放

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>插入音频和视频</title>
	</head>
	<body>
			<!-- 音频：audio -->
			<!-- 插入音频标签：<audio></audio> -->
			<!-- <audio>元素支持三种音频格式文件：MP3、wav和Ogg -->
			<!-- <video>元素支持三种音频格式文件：MP4、WebM和Ogg -->
			<!-- <audio src="img/嘿狐狸%20-%20坠落星空%20(片段).wav" controls="controls">音频格式错误</audio>
			<audio src="img/不是花火呀%20-%20TA.mp3"controls="controls">音频格式错误</audio>
			<video src="img/动漫魔道祖师01集魏无羡被召唤醒_出场有点惨.mp4" controls="controls"></video>
			<video src="img/视频.mp4" controls="controls">音频格式错误</video> -->
			<audio controls="comtorls" loop="infinite">  <!-- 三种音频格式的写法 --> 
				<!-- sources：源 -->
				<!-- loop="loop"：循环播放  infinite：无限次-->
				<source src="img/嘿狐狸%20-%20坠落星空%20(片段).mp3" type="audio/mp3"></source>
				<source src="img/嘿狐狸%20-%20坠落星空%20(片段).ogg" type="audio/ogg"<source>
				<source src="img/嘿狐狸%20-%20坠落星空%20(片段).wav" type="audio/wav"></source>
			</audio>
			<!-- autoplay=："autoplay"：自动播放 -->
			<video controls="controls" autoplay="autoplay">
				<source src="img/视频2.mp4" type="video/mp4"/>
				<source src="img/视频2.mp4" type="video/ogg"/>
				<source src="img/视频2.mp4" type="video/webm"/>
			</video>
	</body>
</html>