<small id='JbUyy'></small><noframes id='JbUyy'>

    1. <tfoot id='JbUyy'></tfoot>
    2. <legend id='JbUyy'><style id='JbUyy'><dir id='JbUyy'><q id='JbUyy'></q></dir></style></legend>
      <i id='JbUyy'><tr id='JbUyy'><dt id='JbUyy'><q id='JbUyy'><span id='JbUyy'><b id='JbUyy'><form id='JbUyy'><ins id='JbUyy'></ins><ul id='JbUyy'></ul><sub id='JbUyy'></sub></form><legend id='JbUyy'></legend><bdo id='JbUyy'><pre id='JbUyy'><center id='JbUyy'></center></pre></bdo></b><th id='JbUyy'></th></span></q></dt></tr></i><div id='JbUyy'><tfoot id='JbUyy'></tfoot><dl id='JbUyy'><fieldset id='JbUyy'></fieldset></dl></div>

          <bdo id='JbUyy'></bdo><ul id='JbUyy'></ul>

        HTML5视频播放标签video和音频播放标签audio标签的正确用法

        时间:2023-12-15
          <tbody id='db1ti'></tbody>

      1. <i id='db1ti'><tr id='db1ti'><dt id='db1ti'><q id='db1ti'><span id='db1ti'><b id='db1ti'><form id='db1ti'><ins id='db1ti'></ins><ul id='db1ti'></ul><sub id='db1ti'></sub></form><legend id='db1ti'></legend><bdo id='db1ti'><pre id='db1ti'><center id='db1ti'></center></pre></bdo></b><th id='db1ti'></th></span></q></dt></tr></i><div id='db1ti'><tfoot id='db1ti'></tfoot><dl id='db1ti'><fieldset id='db1ti'></fieldset></dl></div>
        <legend id='db1ti'><style id='db1ti'><dir id='db1ti'><q id='db1ti'></q></dir></style></legend>
          <bdo id='db1ti'></bdo><ul id='db1ti'></ul>
        • <tfoot id='db1ti'></tfoot>

          • <small id='db1ti'></small><noframes id='db1ti'>

                  HTML5视频播放标签video和音频播放标签audio是目前网页中最常用的嵌入多媒体内容的标签。下面是这两个标签的正确用法攻略:

                  1. HTML5视频播放标签video的正确用法

                  1.1 定义视频源

                  首先,需要定义视频源并加载视频文件。可以使用 source 标签来定义视频源,source 标签中的 src 属性指向视频文件的链接地址,type 属性定义视频文件的格式。可以使用多个源标签,用于兼容不同的浏览器。

                  以下是一个视频源的例子:

                  <video width="640" height="360" controls>
                    <source src="video.mp4" type="video/mp4">
                    <source src="video.webm" type="video/webm">
                    <source src="video.ogv" type="video/ogg">
                  </video>
                  
                  • controls 属性用于显示默认的控制条和播放暂停按钮等控制按钮,推荐使用。
                  • width 和 height 属性用于设置视频的宽高。

                  1.2 定义其他属性

                  除了上述的属性之外,还可以定义以下属性:

                  • poster:定义视频的封面图像,一般在视频未播放时展示。可选。
                  • autoplay:设置视频在加载后自动播放。可选。
                  • loop:设置视频在播放完毕后重新开始循环播放。可选。
                  • muted:设置视频静音。可选。

                  以下是一个包含所有属性的例子:

                  <video width="640" height="360" poster="poster.jpg" controls autoplay loop muted>
                    <source src="video.mp4" type="video/mp4">
                    <source src="video.webm" type="video/webm">
                    <source src="video.ogv" type="video/ogg">
                  </video>
                  

                  2. HTML5音频播放标签audio的正确用法

                  2.1 定义音频源

                  和视频播放一样,首先需要定义音频源并加载音频文件。可以使用 source 标签来定义音频源,source 标签中的 src 属性指向音频文件的链接地址,type 属性定义音频文件的格式。可以使用多个源标签,用于兼容不同的浏览器。

                  以下是一个音频源的例子:

                  <audio controls>
                    <source src="audio.mp3" type="audio/mpeg">
                    <source src="audio.ogg" type="audio/ogg">
                    <source src="audio.wav" type="audio/x-wav">
                  </audio>
                  
                  • controls 属性用于显示默认的控制条和播放暂停按钮等控制按钮,推荐使用。

                  2.2 定义其他属性

                  除了上述的属性之外,还可以定义以下属性:

                  • autoplay:设置音频在加载后自动播放。可选。
                  • loop:设置音频在播放完毕后重新开始循环播放。可选。
                  • muted:设置音频静音。可选。

                  以下是一个包含所有属性的例子:

                  <audio controls autoplay loop muted>
                    <source src="audio.mp3" type="audio/mpeg">
                    <source src="audio.ogg" type="audio/ogg">
                    <source src="audio.wav" type="audio/x-wav">
                  </audio>
                  

                  以上就是 HTML5视频播放标签video和音频播放标签audio标签的正确用法的攻略。

                  上一篇:Bootstrap3.0学习笔记之CSS相关补充 下一篇:src或者css背景图的url值为base64编码代码

                  相关文章

                1. <tfoot id='sfST7'></tfoot>

                  <i id='sfST7'><tr id='sfST7'><dt id='sfST7'><q id='sfST7'><span id='sfST7'><b id='sfST7'><form id='sfST7'><ins id='sfST7'></ins><ul id='sfST7'></ul><sub id='sfST7'></sub></form><legend id='sfST7'></legend><bdo id='sfST7'><pre id='sfST7'><center id='sfST7'></center></pre></bdo></b><th id='sfST7'></th></span></q></dt></tr></i><div id='sfST7'><tfoot id='sfST7'></tfoot><dl id='sfST7'><fieldset id='sfST7'></fieldset></dl></div>

                      <bdo id='sfST7'></bdo><ul id='sfST7'></ul>

                      <legend id='sfST7'><style id='sfST7'><dir id='sfST7'><q id='sfST7'></q></dir></style></legend>
                    1. <small id='sfST7'></small><noframes id='sfST7'>