html如何实现播放和暂停
在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如何实现播放和暂停的详细内容,更多请关注双恒网络其它相关文章!