如何在頁(yè)面中完成html視頻插入顯示?(示例)
發(fā)表時(shí)間:2023-09-07 來(lái)源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]本篇文章給大家介紹如何在html中加視頻,那么我在上篇文章中給大家介紹了關(guān)于怎么在html中顯示能播放也能暫停的音頻樣式 的文章,有看過(guò)上篇文章的朋友應(yīng)該對(duì)加入視頻的方法就不會(huì)太陌生了。他們的方法都是大同小異。這里同樣先給大家介紹html5中一個(gè)重要的標(biāo)簽,video 標(biāo)簽,即定義視頻,比如電影...
本篇文章給大家介紹如何在html中加視頻,那么我在上篇文章中給大家介紹了關(guān)于
怎么在html中顯示能播放也能暫停的音頻樣式 的文章,有看過(guò)上篇文章的朋友應(yīng)該對(duì)加入視頻的方法就不會(huì)太陌生了。他們的方法都是大同小異。這里同樣先給大家介紹html5中一個(gè)重要的標(biāo)簽,video 標(biāo)簽,即定義視頻,比如電影片段或者其他視頻流。而且并不是所有瀏覽器都支持這個(gè)標(biāo)簽。
html加入視頻點(diǎn)擊播放的具體代碼示例如下:
<video src="movie.ogg" controls="controls"></video>
注:controls 屬性供添加播放、暫停和音量控件。
html添加視頻的具體代碼也可如下:
<!DOCTYPE HTML>
<html>
<body>
<video width="320" height="240" controls="controls">
<source src="mov.ogg" type="video/ogg">
<source src="/mov.mp4" type="video/mp4">
</video>
</body>
</html>
注:
這里的width和height,分別表示視頻播放器的寬度和高度。
video 元素支持三種視頻格式:Ogg 文件、MPEG4 文件、WebM 文件。
<source> 標(biāo)簽為媒介元素(比如 <video> 和 <audio>)定義媒介資源。允許您規(guī)定可替換的視頻/音頻文件供瀏覽器根據(jù)它對(duì)媒體類(lèi)型或者編解碼器的支持進(jìn)行選擇。
本篇文章關(guān)于如何在html中加視頻的相關(guān)知識(shí)介紹,希望對(duì)有需要的朋友有所幫助!
以上就是如何在頁(yè)面中實(shí)現(xiàn)html視頻插入顯示?(示例)的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。