欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

HTML5 video audio 视频 音频

程序员文章站 2022-05-12 10:37:31
...

语法:双标签
视频:
音频:
属性:src
文件的路径
可以直接写在或者标签里面,也可以写在标签里面,然后嵌套在或者里
controls
视频,音频播放的控件,比如音量,进度条,暂停播放等,默认没有,可以写成controls 或者controls=“controls”
autoplay
视频,音频自动播放,默认不会自动播放,有的浏览器会不允许自动播放
写法同上
loop
视频,音频循环播放 默认否
preload
视频,音频在网页加载时进行加载,并预备播放,如果只用autoplay,则忽略该属性
poster
视频的封面,语法是poster=“图片路径”

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>音视频播放</title>
	</head>
	<body>		
		<video src="source/five.mp4" autoplay controls loop poster="source/logo.png" ></video>
		<video controls="controls">
			<source src="source/five.mp4" type="video/mp4" />
		</video>		
		<audio src="source/long.mp3" type="audio/mp3" controls="controls" autoplay></audio>
		
		
	</body>
</html>