溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

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

怎么在HTML中使用video標(biāo)簽插入視頻

發(fā)布時間:2021-04-09 09:33:27 來源:億速云 閱讀:1965 作者:小新 欄目:web開發(fā)

這篇文章主要介紹怎么在HTML中使用video標(biāo)簽插入視頻,文中介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們一定要看完!

在HTML中,可以使用video標(biāo)簽插入視頻,語法格式“<video src="視頻地址"></video>”;video標(biāo)簽可以定義視頻,支持MP4、WebM、Ogg三種視頻格式。

視頻是通過插件(比如 Flash)來顯示的。然而,并非所有瀏覽器都擁有同樣的插件。HTML5 規(guī)定了一種通過 video 元素來包含視頻的標(biāo)準(zhǔn)方法。

如需在 HTML5 中顯示視頻,您所有需要的是:

<video src="movie.ogg" controls="controls">
</video>

controls 屬性供添加播放、暫停和音量控件。包含寬度和高度屬性也是不錯的主意。

HTML插入視頻的代碼:

<video width="420" height="200" controls autoplay>
        <source src="movie.mp4" type="video/ogg">
        <!--因為我的視頻格式是MP4,所以路徑的視頻格式為MP4,下邊注釋的地方,就是你的視頻什么格式就弄什么格式!-->
        <!--<source src="img/video/movie.mp4" type="video/mp4">
        <source src="movie.webm" type="video/webm">-->
        <object data="movie.mp4" width="320" height="240">
            <embed width="420" height="200" src="movie.mp4">
        </object>
    </video>

效果為:

怎么在HTML中使用video標(biāo)簽插入視頻

以上是“怎么在HTML中使用video標(biāo)簽插入視頻”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細(xì)節(jié)

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

AI