HTML5学习笔记——音频标签与视频标签的使用
程序员文章站
2022-05-11 09:06:51
...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
audio 标签用来向页面中引入一个外部的音频文件
音频文件引入时，默认情况下不允许用户自己控制播放停止
属性：
controls 是否允许用户控制播放
autoplay 是否自动播放
如果设置了autoplay则音乐在打开页面时会自动播放
loop 音乐是否循环播放
-->
<!-- 除了通过src来指定外部文件的路径以外，还可以通过source来指定文件 -->
<audio controls>
对不起，您的浏览器不支持播放音频！请升级浏览器！
<source src="执素兮-赤伶.flac">
<audio src="执素兮-赤伶.flac" controls loop></audio>
</audio>
<!--
使用video标签来向网页中引入一个视频
-->
<video controls>
<source src="军训学姐跳舞.mp4">
</video>
<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=i0024ihpojs" allowFullScreen="true"
width="1000" height="1000"></iframe>
</body>
</html>
上一篇： HTML5音频标签＜audio＞ - Kaiqisan
下一篇： html播放flv视频