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

    html如何实现播放和暂停

    醉折花枝作酒筹醉折花枝作酒筹2021-06-07 11:48:20原创149

    在html中,可以使用play方法播放当前的音频或视频,使用pause方法暂停当前的音频或视频,语法格式为“元素对象.play()/pause()”。这两种方法通常一起使用,可以使用controls属性来显示视频控件。

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

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

    所有主流浏览器都支持 play() 方法。

    注释:Internet Explorer 8 以及更早版本不支持该方法。

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

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

    提示:使用 controls 属性来显示视频控件 (如:播放,暂停,查找,音量等)。

    <!DOCTYPEHTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>播放与暂停</title>
    <script type="text/javascript">
    var videoEl=null;
    function Play(){
    	videoEl.play();	  /* 播放视频 */
    }
    function Pause(){
    	videoEl.pause();   /* 暂停播放 */
    }
    window.onload=function(){
    	videoEl=document.getElementById("myPlayer");
    }
    </script>
    </head>
    <body>
    <video id="myPlayer" src="resources/video.mp4" width="600" controls> 
      你的浏览器不支持video元素
    </video><br>
    <div id="time"></div>
    <input type="button" value="播放" onclick="Play()" />
    <input type="button" value="暂停" onclick="Pause()" />
    </body>
    </html>

    推荐学习:html视频教程

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

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:HTML5 播放与暂停
    上一篇:HTML中新建表格怎么加背景 下一篇:html中的clear是什么意思
    第16期线上培训班

    相关文章推荐

    • html中url什么意思?怎么用?• html有序列表怎么弄自定义• runat在html中表示什么意思• eclipse怎么设置html快捷键• html5中table的意思是什么

    全部评论我要评论

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

    PHP中文网