Video和Audio标签的使用
Posted 月疯
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Video和Audio标签的使用相关的知识，希望对你有一定的参考价值。
Video和audio的应用
video元素 定义视频
<video src="movie.ogg" cotrols="cotrols">Video元素</video>
audio元素 定义音频
<audio src="someaduio.wav">Audio元素</audio>
属性介绍：
cotrols属性：如果出现该属性，则向用户显示控件，比如播放按钮
autoplay属性：如果出现该属性，则视频在就绪后就马上播放。
loop属性：重复播放属性。
muted属性：静音属性。
poster属性：规定视频正在下载时显示图像，知道用户点击播放按钮。video：支持的视频格式mp4、ogg、webm
source：定义媒介资源
type属性：定义视频格式
type=“video/mp4”
type="video/ogg"
type="video/webm"audio支持的音频格式：
mp3、 oggsource：
type="audio/mpeg"
type="audio/ogg"
video的写法：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- 第一种方式 -->
<video src="huitao/movie.webm" autoplay="autoplay" controls="controls"></video>
<!-- 第二种方式 -->
<video autoplay="autoplay" controls="controls">
<source type="video/webm" src="huitao/movie.webm"></source>
</video>
</body>
</html>
audio的写法：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<audio autoplay="autoplay" controls="controls" loop="loop">
<source type="audio/mpeg" src="huitao/jiaohu.mp3"></source>
</audio>
</body>
</html>
以上是关于Video和Audio标签的使用的主要内容，如果未能解决你的问题，请参考以下文章
HTML5中 video和audio这两个标签是干嘛的，如何设置其属性？