每個瀏覽器呈現的方式不太一樣(不過介面都有點陽春就是了...)，如下段程式碼:
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- </head>
- <body>
- <video src="test.mp4" controls>您的瀏覽器不支援html5 video element.</video>
- </body>
- </html>
若是使用者所用的瀏覽器不支援<video>才會顯示"您的瀏覽器不支援html5 video element."
否則正常執行的畫面會如下圖:
而由於每個瀏覽器所支援的影片格式不盡相同，所以建議開發者最好同個影片能夠擁有各種不同的格式，再參照以下程式碼，便能讓瀏覽器自動挑選可以吃的格式來正常播放影片了。
<video controls>
<source src="test.mp4" type="video/mp4" />
<source src="test.webm" type="video/webm"/>
<source src="test.ogv" type="video/ogg"/>
<p>您的瀏覽器不支援html5 video element.</p>/
</video>
沒有留言:
張貼留言