溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

如何使用瀏覽器插件播放HTML中的視頻

發(fā)布時間：2022-02-22 10:38:55 來源：億速云 閱讀：283 作者：小新 欄目：開發(fā)技術(shù)

小編給大家分享一下如何使用瀏覽器插件播放HTML中的視頻，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

HTML 視頻
在 HTML 中播放視頻的方法有很多種。

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

<embed src="movie.swf" height="200" width="200"/>

注釋：顯示嵌入網(wǎng)頁的 Flash 視頻。如果瀏覽器不支持 Flash，那么視頻將無法播放。

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

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


使用 <video> 標簽
<video> 是 HTML 5 中的新標簽。
<video> 標簽的作用是在 HTML 頁面中嵌入視頻元素。
以下 HTML 片段會顯示一段嵌入網(wǎng)頁的 ogg、mp4 或 webm 格式的視頻：

<video width="320" height="240" controls="controls">
    <source src="movie.mp4" type="video/mp4" />
    <source src="movie.ogg" type="video/ogg" />
    <source src="movie.webm" type="video/webm" />
    Your browser does not support the video tag.
</video>


最好的 HTML 解決方法
HTML 5 + <object> + <embed>

<video width="320" height="240" controls="controls">
    <source src="movie.mp4" type="video/mp4" />
    <source src="movie.ogg" type="video/ogg" />
    <source src="movie.webm" type="video/webm" />
    <object data="movie.mp4" width="320" height="240">
        <embed src="movie.swf" width="320" height="240" />
    </object>
</video>

注釋：本實例中使用了 4 中不同的視頻格式。
    HTML 5 <video> 元素會嘗試播放以 mp4、ogg 或 webm 格式中的一種來播放視頻。如果均失敗，則回退到 <embed> 元素。
    <video> 元素和 <embed> 元素無法通過 HTML 4 和 XHTML 驗證。使用 <!DOCTYPE html> (HTML5) 解決驗證問題。

優(yōu)酷解決方案
在 HTML 中顯示視頻的最簡單的方法是使用優(yōu)酷等視頻網(wǎng)站。
首先把視頻上傳到優(yōu)酷等視頻網(wǎng)站，然后在您的網(wǎng)頁中引用相關(guān)的 HTML 代碼即可：

<embed src="http://player.youku.com/player.php/sid/XMzI2NTc4NTMy/v.swf" width="480" height="400" type="application/x-shockwave-flash"></embed>


使用超鏈接
如果網(wǎng)頁包含指向媒體文件的超鏈接，大多數(shù)瀏覽器會使用“輔助應(yīng)用程序”來播放文件。

<a href="movie.avi">Play a video file</a>

注釋：用戶點擊鏈接，瀏覽器會啟動“輔助應(yīng)用程序”如 Windows Media Player 來播放。

關(guān)于內(nèi)聯(lián)視頻的一段注釋
當視頻被包含在網(wǎng)頁中時，它被稱為內(nèi)聯(lián)視頻。
如果您打算在 web 應(yīng)用程序中使用內(nèi)聯(lián)視頻，您需要意識到很多人都覺得內(nèi)聯(lián)視頻令人惱火。
同時請注意，用戶可能已經(jīng)關(guān)閉了瀏覽器中的內(nèi)聯(lián)視頻選項。
我們最好的建議是只在用戶希望看到內(nèi)聯(lián)視頻的地方包含它們。
一個正面的例子是，在用戶需要看到視頻并點擊某個鏈接時，會打開頁面然后播放視頻。

HTML 4.01 多媒體 標簽及描述
<applet>：不贊成使用。定義內(nèi)嵌 applet。
<embed>：HTML4 中不贊成使用，HTML5 中允許。定義內(nèi)嵌對象。
<object>：定義內(nèi)嵌對象。
<param>：定義對象的參數(shù)。

HTML 5 多媒體 標簽及描述
<audio>：標簽定義聲音，比如音樂或其他音頻流。
<embed>：標簽定義嵌入的內(nèi)容，比如插件。

以上是“如何使用瀏覽器插件播放HTML中的視頻”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手