HTML5中的視頻和音頻網頁播放器中,有時需要為用戶提供暫停播放的功能。通過HTML5的暫停按鈕,用戶可以隨時暫停和恢復視頻或音頻的播放。
<video id="myVideo" controls> <source src="myVideo.mp4" type="video/mp4"> <source src="myVideo.ogg" type="video/ogg"> <track label="English" kind="subtitles" src="subtitles_en.vtt" srclang="en" default> <track label="Espa?ol" kind="subtitles" src="subtitles_es.vtt" srclang="es"> <p>Your browser does not support HTML5 video.</p> </video> <button onclick="pauseVideo()">Pause</button> <button onclick="playVideo()">Play</button>
在上述代碼中,使用了HTML5的<video>標簽和controls屬性來創建視頻播放器。<source>標簽用于指定不同格式的視頻文件,以便瀏覽器可以根據其支持的格式來自動選擇最合適的文件。同時,在<video>標簽內部也可以添加<track>標簽,用于添加字幕或其他附加信息。
通過添加兩個按鈕,可以為用戶提供暫停和恢復播放的功能。按鈕的onclick事件分別調用了Javascript中的pauseVideo()和playVideo()函數。這兩個函數通過獲取<video>標簽的引用,來實現視頻的暫停和恢復播放。
使用HTML5的暫停按鈕代碼,可以為網頁的視頻和音頻播放器增加更多交互性和用戶友好性。