HTML5 MP4視頻播放器是現(xiàn)代網(wǎng)頁開發(fā)中經(jīng)常使用的工具之一。下面是一個使用HTML5和JavaScript編寫的簡單的MP4視頻播放器示例:
以下是HTML代碼:
<video controls> <source src="video.mp4" type="video/mp4"> <p>您的瀏覽器不支持HTML5視頻播放器。</p> </video>
以下是JavaScript代碼:
var video = document.querySelector('video'); if (video.requestFullscreen) { video.requestFullscreen(); } else if (video.msRequestFullscreen) { video.msRequestFullscreen(); } else if (video.mozRequestFullScreen) { video.mozRequestFullScreen(); } else if (video.webkitRequestFullscreen) { video.webkitRequestFullscreen(); } video.play();HTML代碼中,我們使用了<video>元素來嵌入視頻,并通過<source>元素指定了視頻文件的路徑和類型。如果瀏覽器不支持HTML5視頻播放器,就會顯示后備內(nèi)容“您的瀏覽器不支持HTML5視頻播放器。”。 JavaScript代碼中,我們首先通過querySelector()方法獲取了<video>元素,然后使用能兼容不同瀏覽器的全屏API請求全屏模式。最后,我們調(diào)用play()方法開始播放視頻。 以上是一個簡單的HTML5 MP4視頻播放器示例。通過不斷調(diào)整和優(yōu)化代碼,可以創(chuàng)建更復(fù)雜和強大的視頻播放器。