在HTML中調??用視頻??,調用我們通常使用<video>標ヽ(′ー`)ノ簽,視頻以下是調用(′?`)詳細的步驟:
1. 使用<video>標簽
<video>標簽是視頻HTML5引入的新特性,用于在網(wǎng)頁(yè)中??嵌入視頻,調用它的??視頻基本語(yǔ)法如下:
<video width="320" height="240&q??uot; controls="controls"> <source src="movie.mp4" type="video/mp4"> Your browser does not supp??ort the video tag.</video>
在這個(gè)例子中,width和height屬性定義了視頻播放器的調用寬度和高度(以像素( ???)為單位)。controls=""屬性添加了播放、視頻暫停和音量控制。調用
<source>(?⊿?)標簽的視頻src屬性定義了視頻文件的路徑,typヽ(′ー`)ノe屬性定義了視頻文件的調用類(lèi)型,如果瀏覽器不支持<video>標簽,視頻那么它會(huì )顯示&l(′;д;`)t;source>標簽內的調用文本。
2. 提供多種格式的視頻視頻源
不是所有的瀏覽器都支持(chi)所有的視頻格式,為了確保視頻在所有瀏覽器中都能播放(′?`*),調用你可以提供多種格式的視頻源。
<video width="320" height="240" controls='controls'> <source src="movie.mp4&qu(′▽?zhuān)?ot; type="video/mp4"> <source src="movie.ogg" type="??;video/ogg"??> Your browser does not support the video tag.</article&g??t(′ω`);
在這個(gè)例子中,如果瀏覽器支持MP4格??式的視頻,它會(huì )播放movie.mp4;如果不(′ω`*)支持,但支持Ogg格式的視頻,它會(huì )播放movie.ogg。
3. 使用<iframe>標簽
如果你的視頻托管在YouTube或Vimeo等外部服務(wù)上,你可以使用<ifrヽ(′ー`)ノame>標簽來(lái)嵌入視頻。
<iframe widthヽ(′ー`)ノ="560" height="315" src="https://ヽ(′▽?zhuān)?ノwww.youtube.ヾ(?■_■)ノcom/embed/tgbNymZ7vqY" frame??border=&( ?▽?)quot;0" allow="autoplay='autoplay'; encryptedmedia" allowfullscreen></iframe>
在這個(gè)例子中,src屬( ?▽?)性是YouTube視頻的URL,后面加上了/e??mbed/。frameborder屬性設置為0,以移除邊框。allowfullscreen屬性允許全屏播放。
以上就是在HTML中調用視頻的方法。
電話(huà):14982361834
網(wǎng) 址:http://www.hunqingrc.com/
地 址:北京市通州區66號