久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

HTML5 video 視頻標簽使用介紹_html5教程技巧

HTML5 video 視頻標簽使用介紹_html5教程技巧HTML5中文學習網,是中國最大的HTML5中文門戶,為廣大HTML5愛好者提供各種HTML5資料,包括HTML5網站、HTML5資訊、HTML5應用、HTML5游戲、HTML5教程、H
點評:HTML video 適用于HTML 5+,用于定義在線觀看的視頻流媒體,這里簡單介紹下, 方便需要的朋友

HTML <video> 適用于HTML 5+,用于定義在線觀看的視頻流媒體。


復制代碼
代碼如下:

<video width="320" height="240" src="http://www.jb51.net/movie.ogg" controls="controls">
這里是注釋文字,如果無法支持 HTML 5 瀏覽器將顯示這里的文字。如果支持,就直接顯示視頻,忽略文字。
</video>

在HTML 4 及以前,如果您想在網頁中嵌入在線觀看的視頻,一般都需要使用Flash視頻流,通過使用 <object> 和 <embed> 標簽,就可以通過瀏覽器播放swf、flv等格式視頻文件,但是前提是瀏覽器必須安裝第三方插件:Adobe Flash Player。而現代智能手機和iPad等一般都無法支持Flash,所以無法瀏覽網頁上的視頻。而 HTML 5 改變了這一事實,Web開發者只需要使用 <video> 標簽就可以輕松加載視頻文件,而不需要任何第三方插件。

屬性 描述
autoplay autoplay 如果出現該屬性,則視頻在就緒后馬上播放。
controls controls 如果出現該屬性,則向用戶顯示控件,比如播放按鈕。
height 像素值 設置視頻播放器的高度。
loop loop 如果出現該屬性,則當媒介文件完成播放后再次開始播放。
preload auto/meta/none 規定是否預加載視頻,可能的值:
auto - 當頁面加載后載入整個視頻
meta - 當頁面加載后只載入元數據
none - 當頁面加載后不載入視頻
* src 視頻地址 要播放的視頻的 URL,建議使用絕對地址。
width 像素值 設置視頻播放器的寬度。

如何寫兼容的視頻標簽?

由于舊的瀏覽器和Internet Explorer不支持<video>元素,考慮到兼容性,我們必須為這些瀏覽器找到一個支持Flash文件的解決方案。不幸的是,和HTML 5音頻一樣,涉及到視頻的文件格式,Firefox 和 Safari/Chrome 的支持方式并不相同。因此,如果你想在這個時候使用HTML 5視頻,則需要創建三個視頻版本。OGG,MP4,FLV/SWF


復制代碼
代碼如下:

<video width="320" height="240" controls>
<!-- 兼容 Firefox -->
<source src="http://www.jb51.net/ movie.ogg" type="video/ogg" />
<!-- 兼容 Safari/Chrome-->
<source src="http://www.jb51.net/ movie.mp4" type="video/mp4" />
<!-- 如果瀏覽器不支持video標簽,則使用flash -->
<embed src="http://www.jb51.net/ movie.swf" type="application/x-shockwave-flash"
width="320" height="240" allowscriptaccess="always" allowfullscreen="true"></embed>
</video>


【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章主要介紹了有關HTML5頁面在iPhoneX適配問題,需要的朋友可以參考下
本篇文章主要介紹了html5中canvas圖表實現柱狀圖的示例,本文使用canvas來實現一個圖表,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
Adobe公司出品的多媒體處理軟件產品線較多,涵蓋了音視頻編輯、圖像處理、平面設計、影視后期等領域。這篇文章主要介紹了Adobe Html5 Extension開發初體驗圖文教程,非常不錯,需要的朋
這篇文章主要介紹了基于HTML5的WebGL經典3D虛擬機房漫游動畫,需要的朋友可以參考下
這篇文章主要介紹了html5實現移動端適配完美寫法,需要的朋友可以參考下
本篇文章主要介紹了HTML5響應式(自適應)網頁設計的實現,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 国产成人亚洲精品 | 九九九视频在线观看 | 久久久一区二区三区 | 久久精品国产免费一区二区三区 | 一区二区三区视频在线观看 | 成人精品一区二区三区 | 精品九九久久 | 一级高清 | 夫妻午夜影院 | 97中文视频| 久久精品亚洲国产 | 欧美日韩国产精品一区二区 | 精品美女久久久久久免费 | 国产精品国产三级国产aⅴ原创 | 成人午夜视频在线观看 | 大象视频一区二区 | 久久国内精品 | 国内精品久久久久 | 久久成人在线视频 | av男人的天堂av | 最新国产精品 | 久久久久久久久久久久久久国产 | 精品影视 | 日韩日b视频 | 久久高清 | 三级黄色片在线观看 | 久久久久久久久久久久91 | 欧美在线精品一区 | 美女天堂 | 国产精品一级 | 视频一区二区在线 | 欧美日韩在线不卡 | 国产亚洲一区二区三区在线观看 | 久久国产精品一区二区 | 欧美亚洲激情 | 欧美精品一区二区三区在线 | 色必久久 | 国产视频福利 | 欧美性网站 | 欧美一级做性受免费大片免费 | 一级片在线观看 |