当前位置：主页 > 查看内容

HTML5音频

发布时间：2021-08-07 00:00| 有 位朋友查看

简介：HTML5音频 !DOCTYPE html html lang en head meta charset UTF-8 / meta name viewport content widthdevice-width, initial-scale1.0 / meta http-equiv X-UA-Compatible content ieedge / title HTML5新增音频标签 / title / head body audio src media/mu……

HTML5音频

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>HTML5新增音频标签</title>
  </head>
  <body>
    <audio src="media/music.mp3" controls="controls"></audio>
  </body>
</html>

controls显示音频控件

    <audio src="media/music.mp3" controls="controls"></audio>

1

autoplay自动播放

    <audio src="media/music.mp3" controls="controls" autoplay="autoplay"></audio>

loop循环播放

    <audio src="media/music.mp3" controls="controls" loop="loop"></audio>

muted静音播放

    <audio src="media/music.mp3" controls="controls" muted="muted"></audio>

preload="auto"未播放时加载

    <audio src="media/music.mp3" controls="controls" preload="auto"></audio>

preload="none"未播放时不加载

    <audio src="media/music.mp3" controls="controls" preload="none"></audio>

在这里插入图片描述
ps:图片来自黑马程序员

；原文链接：https://blog.csdn.net/m0_56787796/article/details/115804302
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：我的第一篇博客 下一篇：CQOI2021游自家学校记

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐