如何在html中播放視頻

本篇文章為大家展示了如何在html中播放視頻，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

html播放視頻

在 HTML 中播放視頻并不容易！

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

使用 <embed> 標簽

<embed> 標簽的作用是在 HTML 頁面中嵌入多媒體元素。

下面的 HTML 代碼顯示嵌入網頁的 Flash 視頻：

實例

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

問題

HTML4 無法識別 <embed> 標簽。您的頁面無法通過驗證。

如果瀏覽器不支持 Flash，那么視頻將無法播放

iPad 和 iPhone 不能顯示 Flash 視頻。

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

使用 <object> 標簽

<object> 標簽的作用是在 HTML 頁面中嵌入多媒體元素。

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

實例

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

問題:

如果瀏覽器不支持 Flash，將無法播放視頻。

iPad 和 iPhone 不能顯示 Flash 視頻。

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

使用 HTML5 <video> 元素

HTML5 <video> 標簽定義了一個視頻或者影片.

<video> 元素在所有現代瀏覽器中都支持。

以下 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>

問題:

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

<video> 元素在老式瀏覽器中無效。

html有什么特點

1、簡易性：超級文本標記語言版本升級采用超集方式，從而更加靈活方便，適合初學前端開發者使用。 2、可擴展性：超級文本標記語言的廣泛應用帶來了加強功能，增加標識符等要求，超級文本標記語言采取子類元素的方式，為系統擴展帶來保證。  3、平臺無關性：超級文本標記語言能夠在廣泛的平臺上使用，這也是萬維網盛行的一個原因。 4、通用性：HTML是網絡的通用語言，它允許網頁制作人建立文本與圖片相結合的復雜頁面，這些頁面可以被網上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。

上述內容就是如何在html中播放視頻，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。