HTML5——audio与video元素的基础知识

最新推荐文章于 2022-11-26 18:44:23 发布

gqhp

最新推荐文章于 2022-11-26 18:44:23 发布

阅读量389

点赞数

本文链接：https://blog.csdn.net/sjpgyy/article/details/106480478

版权

HTML5——audio与video元素的基础知识

1.video：用来播放网络上的视频或者电影；
2.audio：用来播放网络上的音频；
3.使用video与audio元素进行插件时只要浏览器支持HTML5就可以；
4.浏览器的支持：
Safari3,Firefox4以上，Opera10以上，chrome3.0以上版本都对video与audio元素支持；
5.使用方法：
（1）audio元素只需要指定一个src属性；

<audio src="MP3.mp3" controls="controls"></audio>

对于不支持的浏览器可以在这对元素之间加入提示语句来代替；

<audio src="MP3.mp3" controls="controls">您的浏览器不支持Audio元素</audio>

(2)video元素设定好长度和src属性；

<video width="750“ height="400" src="time.mp4"></video>

对于不支持的浏览器可以在这对元素之间加入提示语句来代替；

 <video width="750“ height="400" src="time.mp4">您的浏览器不支持video元素</video>

实例如下：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>video与audio元素的基础知识</title>
</head>
<body>
<h1>Audio元素的使用示例</h1>
<audio contros="controls" src="MP3.mp3">
    您的浏览器太老了，不支持我们的HTML5页面，请更新浏览器！
</audio>
<br/>
<h1>Video元素的使用示例</h1>
<video contros="controls" width="650" height="280" src="video.mp4">
    您的浏览器太老了，不支持我们的HTML5页面，请更新浏览器！
</video>
</body>
</html>