對於html5這個新標準,最近剛接觸,感覺很新鮮便想學學看看。
關於這個標準的概念以及特點,在這裡就不多說了,請大家詳看
那麼就先從video標籤說起吧。
這個屬性使用起來很簡單,就跟平時我們寫其他標籤一樣。
<video
src="movie.ogg"
>
video
>
這個是最基本的寫法了。
但是想ie這種傻x瀏覽器不支援怎麼辦,不急我們可以在開始標籤和結束標籤之間放置文字內容,這樣不支援該標籤的瀏覽器就可以顯示出不支援該標籤的資訊。
<video
src="somevideo.wmv"
>您的瀏覽器不支援 video 標籤。
video
>
有的時候我們不知道該瀏覽器是否支援這個格式的時候怎麼辦呢,不要急,video支援多個source元素,我們可以寫多個不用的鏈結檔案,瀏覽器將識別第乙個可識別鏈結。
<video
width="320"
height="240"
>
<
source
src="movie.ogg"
mce_src="movie.ogg"
type="video/ogg"
>
<
source
src="movie.mp4"
mce_src="movie.mp4"
type="video/mp4"
>
你的瀏覽器不支援video標籤。
video
>
下個我們來看下video的各種屬性:
你的瀏覽器不支援video標籤。
video
>
下面我們來看下controls 屬性:
如果設定了該屬性,則規定不存在作者設定的指令碼控制項。
瀏覽器控制項應該包括:
暫停 定位
音量 全屏切換
字幕(如果可用)
音軌(如果可用)
在上面例子中我們沒有用到preload 屬性,下面我們來了解下為什麼沒有用。
meta - 當頁面載入後只載入元資料
html5 - 方法、屬性以及事件
下面是乙個例子
大中
小your browser does not support html5 video.
html5移動開發
canvas 3d 3d的繪圖功能支援 svg 向量圖支援 設計師要知道,的移動 旋轉 縮放?那都太基礎了,自己畫都是小case,至於怎麼用,好好想想吧 5.專為移動平台定製的表單元素 瀏覽器中出現的html5表單元素與對應的鍵盤 型別用途鍵盤 可以綜合使用gps wifi 手機等方式讓定位更為精準...
html5遊戲開發
一 前言 本次教程將向大家講解如何用html5將小地圖塊拼成大地圖,以及如何用現有的高階html5遊戲開發庫件lufylegend.js開發遊戲。首先讓我們來了解了解如何用html5實現動畫,畢竟 動靜結合 是先有動再有靜。看了上一章的內容,或許你就有了對html5實現動畫有了初步了解 二 html...
Html5 移動遊戲開發
有很多遊戲採用h5技術開發,比如三國來了 巴哈姆特之怒 切繩子等。我們公司也有多款遊戲用h5開發,h5開發成本低,效率高,方便做自動更新,可移植性好。受益於h5技術,我們公司的很多產品都很方便跨平台。早在2012年,我就很榮幸負責技術攻關,把我們的遊戲移植到win8和wp8平台,當時在國內的win8...