认识HTML----audio标签的使用和注意事项

2019-05-04  本文已影响0人  周行知

audio标签的使用和注意事项:

video标签的缺点:

虽然可以指定所有浏览器都支持的视频格式,但是显然所有浏览器都通过video标签播放视频还有一个前提条件:浏览器必须支持HTML5标签,否则同样无法播放。在过去一些浏览器是不支持HTML5标签,需要框架来实现。

我们看一下音频。

什么是audio标签?

作用:播放音频。

格式一:

<audio src=""></audio>

案例一:音频1

代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>video</title>

</head>

<body>

<audio autoplay="autoplay" controls="controls"src="mp3/a.mp3"></audio>

</body>

</html>

如图所示:

格式2:

<audio>

<source src="" type=""></source>

</audio>

代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>video</title>

</head>

<body>

<audio autoplay="autoplay" controls="controls">

<source src="mp3/a.mp3" type="audio/mp3"></source></audio>

</body>

</html>

注意点:

1.audio标签类比video标签

2.audio标签与video不同之处:不能使用height/width/poster属性

上一篇 下一篇

猜你喜欢

热点阅读