• 技术文章 >web前端 >html教程

    html如何实现audio停止

    醉折花枝作酒筹醉折花枝作酒筹2021-06-08 17:02:18原创101

    在html中,可以使用puase方法实现audio停止,语法格式为“对象.pause();”。“pause()”方法停止(暂停)当前播放的音频或视频,通常与“play()”方法一起使用,同时使用controls属性来显示音频控件。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    pause() 方法停止(暂停)当前播放的音频或视频。

    提示: 该方法通常与 play() 方法一起使用。

    提示:使用controls 属性来显示音频控件 (如音频上的: play, pause, seeking, volume, 等)。

    示例:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>视频播放</title>
    </head>
    <body>
    <script>
          window.onload =function(){
              var ov=document.getElementById("a1");
              ov.onmouseover=function() {
                   this.play();
              }
              ov.onmouseout =function() {
                    this.pause();
              }
    
          };
    
    </script>
    
    <video   id="a1"  src="陈奕迅 - 陪你度过漫长岁月.mp4"  controls   loop     width="400"  height="400">你的浏览器不支持</video>
    </body>
    </html>

    效果:

    1214247-20170903171510718-143204.gif

    play() 方法开始播放当前的音频。

    其中鼠标箭头移动到视频中时,触发play功能,视频开发播放;

    鼠标箭头离开视频时,触发pause功能,视频暂停播放。

    推荐学习:html视频教程

    以上就是html如何实现audio停止的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html audio
    上一篇:html如何改网页名称 下一篇:html邮件是什么
    第16期线上培训班

    相关文章推荐

    • html怎么让图片变亮• html如何禁止页面缩放• html如何设置标题• html怎么设置水平线与文字的距离• html中scrolling是什么意思

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网