在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中文網其他相關文章!