<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>音视频标签</title>
</head>
<body>
<!--
一、音视频标签：向页面中引入音频或视频。二者使用方式一样
1.使用audio标签向页面引入一个音频
2.使用video标签向页面引入一个视频
3.二者常用属性：
controls：是否允许用户控制播放，不加则不允许
autoplay:控制是否自动播放
loop：控制是否循环播放
注意：
HTML5中若属性名和属性值相同时，="属性值"可以省略不写
-->
<!--添加音频的方式一：-->
<audio src="./photo/So Far Away.MP3"controls="controls"autoplay loop></audio>
<!--添加音频的方式二:可以嵌套soure标签引入音频
优点：可以处理浏览器的兼容性问题
-->
<audio controls>
对不起,无法播放视频,请升级浏览器！
<source src="photo/So Far Away.MP3">
</audio>
<video controls>
对不起,无法播放视频,请升级浏览器！
<source src="photo/2.mp4">
</video>
</body>
</html>
版权属于：
yu
作品采用：
《
署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)
》许可协议授权
评论 (0)