如何在html中播放視頻

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

html播放視頻

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

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

使用 <embed> 標(biāo)簽

<embed> 標(biāo)簽的作用是在 HTML 頁(yè)面中嵌入多媒體元素。

下面的 HTML 代碼顯示嵌入網(wǎng)頁(yè)的 Flash 視頻：

實(shí)例

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

問(wèn)題

HTML4 無(wú)法識(shí)別 <embed> 標(biāo)簽。您的頁(yè)面無(wú)法通過(guò)驗(yàn)證。

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

iPad 和 iPhone 不能顯示 Flash 視頻。

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

使用 <object> 標(biāo)簽

<object> 標(biāo)簽的作用是在 HTML 頁(yè)面中嵌入多媒體元素。

下面的 HTML 片段顯示嵌入網(wǎng)頁(yè)的一段 Flash 視頻：

實(shí)例

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

問(wèn)題:

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

iPad 和 iPhone 不能顯示 Flash 視頻。

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

使用 HTML5 <video> 元素

HTML5 <video> 標(biāo)簽定義了一個(gè)視頻或者影片.

<video> 元素在所有現(xiàn)代瀏覽器中都支持。

以下 HTML 片段會(huì)顯示一段嵌入網(wǎng)頁(yè)的 ogg、mp4 或 webm 格式的視頻：

實(shí)例

<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 標(biāo)簽。
</video>

問(wèn)題:

您必須把視頻轉(zhuǎn)換為很多不同的格式。

<video> 元素在老式瀏覽器中無(wú)效。

html有什么特點(diǎn)

1、簡(jiǎn)易性：超級(jí)文本標(biāo)記語(yǔ)言版本升級(jí)采用超集方式，從而更加靈活方便，適合初學(xué)前端開(kāi)發(fā)者使用。 2、可擴(kuò)展性：超級(jí)文本標(biāo)記語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，超級(jí)文本標(biāo)記語(yǔ)言采取子類(lèi)元素的方式，為系統(tǒng)擴(kuò)展帶來(lái)保證。  3、平臺(tái)無(wú)關(guān)性：超級(jí)文本標(biāo)記語(yǔ)言能夠在廣泛的平臺(tái)上使用，這也是萬(wàn)維網(wǎng)盛行的一個(gè)原因。 4、通用性：HTML是網(wǎng)絡(luò)的通用語(yǔ)言，它允許網(wǎng)頁(yè)制作人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面，這些頁(yè)面可以被網(wǎng)上任何其他人瀏覽到，無(wú)論使用的是什么類(lèi)型的電腦或?yàn)g覽器。

上述內(nèi)容就是如何在html中播放視頻，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注億速云行業(yè)資訊頻道。