1、video src="hangge.mp4" controls/video1
創(chuàng)新互聯(lián)公司服務(wù)項目包括武威網(wǎng)站建設(shè)、武威網(wǎng)站制作、武威網(wǎng)頁制作以及武威網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，武威網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到武威省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！
2，通過width和height設(shè)置視頻窗口大小
video src="hangge.mp4" controls width="400" height="300"/video1
3，預(yù)加載媒體文件
設(shè)置preload不同的屬性值，可以告訴瀏覽器應(yīng)該怎樣加載一個媒體文件：
（1）值為auto：讓瀏覽器自動下載整個文件
（2）值為none：讓瀏覽器不必預(yù)先下載文件
（3）值為metadata：讓瀏覽器先獲取視頻文件開頭的數(shù)據(jù)塊，從而足以確定一些基本信息（比如視頻的總時長，第一幀圖像等）
!-- 用戶點擊播放才開始下載 --video src="hangge.mp4" controls preload="none"/video12
4，自動播放
（1）使用autoplay屬性可以讓瀏覽器加載完視頻文件后立即播放。
video src="hangge.mp4" controls autoplay/video1
（2）如果啟用自動播放，可以將播放器設(shè)置為muted狀態(tài)。這樣自動播放時會靜音，防止用戶厭煩。用戶需要的話可以點擊播放器揚聲器圖標重新打開聲音。
video src="hangge.mp4" controls autoplay muted/video1
5，循環(huán)播放
使用loop屬性讓視頻播放結(jié)束時，再從頭開始播放。
video src="hangge.mp4" controls loop/video1
6，設(shè)置替換視頻的圖片（封面圖片）
通過poster屬性可以設(shè)置，瀏覽器在下面三種情況下會使用這個圖片：
（1）視頻第一幀未加載完畢
（2）把preload屬性設(shè)置為none
（3）沒有找到指定的視頻文件
video src="hangge.mp4" controls poster="hangge.png"/video1
7，瀏覽器兼容，如何讓每一個瀏覽器都能順利播放視頻
現(xiàn)在大部分瀏覽器都能支持H.264格式的視頻，但Opera瀏覽器卻一直不支持。我們需要通過后備措施保證每個人都能看到視頻，通常有下面幾種方案：
（1）使用多種視頻格式
video和audio元素有個內(nèi)置的格式后備系統(tǒng)。我們不使用src屬性，而是在其內(nèi)部嵌套一組source元素，瀏覽器會選擇播放第一個它所支持的文件。
我們可以添加WebM格式的視頻提供對Opera的支持。
video controls
source src="hangge.mp4" type="video/mp4"
source src="hangge.webm" type="video/webm"
/video1234
（2）添加Flash后備措施（推薦）
上面那個方法不推薦，應(yīng)為Opera瀏覽器只占不到1%的份額。特意為它把視頻都轉(zhuǎn)碼一邊太費事。使用Flash作為備用播放方案還是很方便的，同時Flash還能兼容IE8這種連video元素都不支持的老瀏覽器。
這里使用Flowplayer Flash作為備用播放器（本地下載 ：flowplayer-3.2.18.zip）
video controls
source src="hangge.mp4" type="video/mp4"
source src="hangge.webm" type="video/webm"
object id="flowplayer" width="400" height="300"
data="flowplayer-3.2.18.swf"
type="application/x-shockwave-flash"
param name="movie" value="flowplayer-3.2.18.swf"
param name="flashvars" value='config={"clip":"hangge.mp4"}'
/object
/video1234567891011
（3）也有人優(yōu)先使用Flash，而HTML5作為后備措施。
這么做是因為Flash普及率比較高，而HTML5作為后備可以擴展iPad和iPhone用戶
object id="flowplayer" width="400" height="300" data="flowplayer-3.2.18.swf" type="application/x-shockwave-flash"
param name="movie" value="flowplayer-3.2.18.swf"
param name="flashvars" value='config={"clip":"hangge.mp4"}'
video controls
source src="hangge.mp4" type="video/mp4"
source src="hangge.webm" type="video/webm"
/video
/object
現(xiàn)在以HBuilder工具編寫為例：
1. 打開此工具，在項目管理器中右鍵單擊創(chuàng)建一個web 項目
2.右鍵單擊項目名稱，新建一個HTML文件----form01.html
!DOCTYPE html
!--
作者：offline
時間：2017-01-06
描述：form表單
在form標簽中，有兩個經(jīng)常使用的屬性
action：表單提交服務(wù)器地址
method: 表單提交的方法/方式----get/post
其他提交方式---put delete
提交方式----get（默認的提交方式）
1.請求的參數(shù)放到地址欄中
2.不安全
3.存在緩存
4.傳輸數(shù)據(jù)的大小收到限制
提交方式----post
1.請求的參數(shù)放到http協(xié)議中
2.相對安全---賬號密碼等信息不會放到地址欄中
3.沒有緩存
4.傳輸數(shù)據(jù)的大小限制較小
修改成post之后，可能會出現(xiàn)錯誤信息。
input標簽：定義輸入字段，用戶可在其中輸入數(shù)據(jù)。
屬性：
type 指示 input標簽的類型，默認的是text
按鈕類型： 普通按鈕 button 重置按鈕 Reset? 提交按鈕 submit
value 定義要顯示的文本。
--
html
head
meta charset="utf-8"
titleform表單1/title
/head
body
form action="" method="post"
?? ?input type="text" name="username" value="zhangsan" /
?? ?input type="submit" value="提交" /
/form
/body
/html
3.查看此網(wǎng)頁是不是HTML5，主要看表頭
4.HTML5新增了很多新內(nèi)容，具體可以查看API，例如：在網(wǎng)頁中嵌套音頻/視頻文件的格式
html5的使用，與第四代的html有點出入，如：第四代的HTML布局用的是div來布局，而第五代的HTML布局已經(jīng)明確了 頭部、側(cè)邊、欄目、中間區(qū)域(主體部分)、以及底部(footer)；
如：以前定義一個欄目導航divulliliul/div差不多是這形式來定義的，而html5則明確規(guī)定了nav/nav標簽來定義，頭部用header/header底部用footer/footer這里需要記住的一點是：主體部分，也就是中間區(qū)域main/main一個網(wǎng)頁只能有一個主體部分；
這一點需要你好好記住，還有如果不懂的話，你可以去網(wǎng)上查看一些視頻教程，有詳細的解說，如果還有疑問請繼續(xù)追問我；
HTML5用于實現(xiàn)日?？吹降乃芯W(wǎng)站（比如網(wǎng)站的模塊布局、文字段落圖片等樣式、動作等），但是不涉及后臺和數(shù)據(jù)層面（具體的圖片、文字是什么）。
也可以這么理解，HTML5開發(fā)工程師是負責將設(shè)計師設(shè)計好的網(wǎng)頁圖片（通常是PSD格式），用代碼實現(xiàn)出來，包括在網(wǎng)頁的某個位置放置一個塊，給一個塊設(shè)置顏色，調(diào)整字體大小，讓圖片動起來等操作。
html5在頁面定義時，開頭用!DOCTYPE html即可，
html5有很多新的元素可供使用，典型的例如audiovideoheaderfootercanvas等等，
目前有很多html5的書籍啦，我也在學習中
重慶分公司
重慶分公司
