首頁 > web前端 > html教學 > 如何在頁面中實現html影片插入顯示? (例)

如何在頁面中實現html影片插入顯示? (例)

藏色散人
發布: 2018-08-11 10:51:06
原創
10540 人瀏覽過

這篇文章給大家介紹如何在html中加視頻,那麼我在上篇文章中給大家介紹了關於怎麼在html中顯示能播放也能暫停的音頻樣式 

的文章,有看過上篇文章的朋友應該對加入影片的方法就不會太陌生了。他們的方法都是大同小異。這裡同樣先跟大家介紹html5中一個重要的標籤,video 標籤,即定義視頻,例如電影片段或其他視訊串流。而且並不是所有瀏覽器都支援這個標籤。

如何在頁面中實現html影片插入顯示? (例)

html加入影片點擊播放的具體程式碼範例如下:

<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>
登入後複製

如何在頁面中實現html影片插入顯示? (例)

#:

這裡的width和height,分別表示視訊播放器的寬度和高度。

video 元素支援三種影片格式:Ogg 檔案、MPEG4 檔案、WebM 檔案。

標籤為媒介元素(如

這篇文章關於如何在html中加影片的相關知識介紹,希望對有需要的朋友有幫助!


   


#

以上是如何在頁面中實現html影片插入顯示? (例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板