html怎麼播放視頻

html播放影片的方法：1、使用標籤在HTML頁面中嵌入多媒體元素；2、使用

本文操作環境：windows7系統、HTML5&&CSS3版、Dell G3電腦。

html播放影片

在 HTML 中播放影片並不容易！

您需要諳熟大量技巧，以確保您的影片檔案在所有瀏覽器中（Internet Explorer, Chrome, Firefox, Safari, Opera）和所有硬體上（PC, Mac , iPad, iPhone）都能夠播放。

使用 標籤

標籤的作用是在 HTML 頁面中嵌入多媒體元素。

下面的 HTML 程式碼顯示嵌入網頁的 Flash 影片：

實例

<embed src="intro.swf" height="200" width="200">

問題

HTML4 無法辨識 標籤。您的頁面無法通過驗證。

如果瀏覽器不支援 Flash，那麼影片將無法播放

iPad 和 iPhone 無法顯示 Flash 影片。

如果您將影片轉換為其他格式，那麼它仍然不能在所有瀏覽器中播放。

使用

下面的HTML 片段顯示嵌入網頁的一段Flash 影片：

實例

<object data="intro.swf" height="200" width="200"></object>

問題:

如果瀏覽器不支援Flash，將無法播放影片.

iPad 和 iPhone 不能顯示 Flash 影片。

如果您將影片轉換為其他格式，那麼它仍然不能在所有瀏覽器中播放。

使用HTML5

HTML5

#

以下HTML 片段會顯示一段嵌入網頁的ogg、mp4 或webm 格式的視頻：

實例

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.webm" type="video/webm">
您的浏览器不支持 video 标签。
</video>

問題:

您必須把視頻轉換為很多不同的格式。

推薦教學：html影片教學、css影片教學

#

以上是html怎麼播放視頻的詳細內容。更多資訊請關注PHP中文網其他相關文章！