H5 audio标签属性使用

最新推荐文章于 2024-02-27 10:24:20 发布

寒山石径

最新推荐文章于 2024-02-27 10:24:20 发布

阅读量7.7k

点赞数 7

分类专栏： HTML5 文章标签： HTML5 audio

本文链接：https://blog.csdn.net/web1504/article/details/50818258

版权

HTML5 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

audio标签有以下属性：

属性	值	描述
autoplay	autoplay	如果出现该属性，则音频在就绪后马上播放。
controls	controls	如果出现该属性，则向用户显示控件，比如播放按钮。
loop	loop	如果出现该属性，则每当音频结束时重新开始播放。
muted	muted	规定视频输出应该被静音。
preload	preload	如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
src	url	要播放的音频的 URL。

实例：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
  </head>
  <body>
    <div data-role="page" id="pageone">
      <div data-role="header">
        <h1>欢迎访问我的主页</h1>
      </div>
      <div data-role="content">
        <p>欢迎！</p>
        <a href="#pagetwo" data-rel="dialog">转到页面二</a>
        <ul data-role="listview" data-inset="true">
          <li><a href="#pagetwo" data-rel="dialog">书香年华</a></li>
          <li><a href="#pagetwo" data-rel="dialog">书香年华</a></li>
          <li><a href="#pagetwo" data-rel="dialog">书香年华</a></li>
        </ul>
      </div>
      <div data-role="footer">
        <h1>页脚文本</h1>
      </div>
    </div>
    <div data-role="page" id="pagetwo">
      <div data-role="header">
        <h1>我是一个对话框！</h1>
      </div>
      <div data-role="content">
        <p>
          <audio controls="controls" preload="auto" autoplay="autoplay"  loop="loop" src="audios/shuxiang.mp3">
            您的浏览器不支持audio！
          </audio>
        </p>
        <a href="#pageone">转到页面一</a>
      </div>
      <div data-role="footer">
        <h1>页脚文本</h1>
      </div>
    </div>
  </body>
</html>

寒山石径

关注

7
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
H5 audio标签属性使用

audio标签有以下属性：属性值描述 autoplay autoplay 如果出现该属性，则音频在就绪后马上播放。 controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。 loop loop 如果出现该属性，则每当音频结束时重新开始播放。 muted muted 规定视频输出应该被静音...
复制链接

扫一扫