HTML5是一種用于編寫Web頁面的標準語言,它具有許多新的特性和功能,其中包括多媒體支持等。下面是一個HTML5的簡單示例,包括源代碼和一個視頻。
<!DOCTYPE html> <html> <head> <title>HTML5視頻示例</title> <meta charset="UTF-8"> </head> <body> <p>在這個簡單的HTML5示例中,我們將使用video元素來嵌入一個視頻。</p> <video width="640" height="480" controls> <source src="example.mp4" type="video/mp4"> <source src="example.webm" type="video/webm"> <p>您的瀏覽器不支持視頻播放。</p> </video> </body> </html>
在這個示例中,我們使用HTML5的video元素來嵌入一個視頻。video元素可以包含視頻文件的URL,并且可以使用不同的格式,以確保最大的兼容性。
video元素還包括各種屬性,如width和height,這些屬性定義了視頻播放器的大小。controls屬性提供了一個簡單的控制面板,允許用戶播放,暫停和調整音量等。
如果用戶的瀏覽器不支持video元素或指定的視頻格式,那么我們定義了一個后備方案,即在video元素內包含一個p元素,顯示一條消息,告訴用戶無法播放該視頻。
通過這個簡單的HTML5示例,我們可以看到HTML5的新功能和特性,以及它如何在Web頁面中嵌入多媒體文件。