html5 開發之旅

2021-09-08 21:49:47 字數 1894 閱讀 9147

對於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...