久久久久久久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響應式(自適應)網頁設計的實現,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 亚洲成人黄色 | 一级片免费在线观看 | 国产黄色在线播放 | 中文字幕不卡在线 | 伊人成人在线 | 一区二区三区在线观看视频 | 免费国产视频 | 天海翼在线视频 | 老司机午夜视频 | 久精品视频 | 四虎黄色片| 伊人国产在线 | 午夜视频免费看 | 久久免费高清视频 | 放几个免费的毛片出来看 | 亚洲欧美精品一区二区 | 欧美中文字幕 | 成人综合网站 | 亚洲三级免费 | 黄色大片免费观看 | 久久成人免费视频 | 亚洲人成免费 | 天天色播 | 欧美日皮视频 | 免费的黄色录像 | 国产一区二区久久 | www.色偷偷 | 久草手机在线视频 | 欧美成人精品欧美一级乱黄 | 日韩免费一区二区三区 | 成人高潮片免费网站 | 欧美成人免费在线视频 | 91在线观看 | 黄色小视频免费 | 国产精品久久久久久久午夜 | 黄色激情视频网站 | 欧美18免费视频 | 免费三片在线播放 | 久久一区二区视频 | 国产三级视频 | 日韩av免费 |