明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線(xiàn)學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

如何在頁(yè)面中完成html視頻插入顯示?(示例)

[摘要]本篇文章給大家介紹如何在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)簽。

a6fa3b8aff0a93468755a1c6a70fc1a.png

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>

4eed1676de4b78a73b39c0c797b5165.png

注:

這里的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)站。