代碼里判斷當(dāng)前頁(yè)面展示的平臺(tái)(useragent),如果是移動(dòng)設(shè)備則不輸出swf播放的代碼即可
十余年的渭南網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開(kāi)發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。營(yíng)銷型網(wǎng)站建設(shè)的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整渭南建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“渭南網(wǎng)站設(shè)計(jì)”,“渭南網(wǎng)站推廣”以來(lái)，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
對(duì)比：
1、兼容性，HTML5的播放器不支持低版本瀏覽器。
2、復(fù)雜度，flash播放器相比HTML5復(fù)雜。
3、用戶體驗(yàn)，flash播放器相比HTML5用戶體驗(yàn)要好。
如果你想使用在網(wǎng)頁(yè)上面添加播放器你就可以權(quán)衡這幾點(diǎn)，然后得出自己的方案
萬(wàn)維網(wǎng)上的一個(gè)超媒體文檔稱之為一個(gè)頁(yè)面（外語(yǔ)：page）。作為一個(gè)組織或者個(gè)人在萬(wàn)維網(wǎng)上放置開(kāi)始點(diǎn)的頁(yè)面稱為主頁(yè)（外語(yǔ)：Homepage）或首頁(yè)，主頁(yè)中通常包括有指向其他相關(guān)頁(yè)面或其他節(jié)點(diǎn)的指針（超級(jí)鏈接），所謂超級(jí)鏈接，就是一種統(tǒng)一資源定位器（Uniform Resource Locator，外語(yǔ)縮寫：URL）指針，通過(guò)激活（點(diǎn)擊）它，可使瀏覽器方便地獲取新的網(wǎng)頁(yè)。這也是HTML獲得廣泛應(yīng)用的最重要的原因之一。在邏輯上將視為一個(gè)整體的一系列頁(yè)面的有機(jī)集合稱為網(wǎng)站（Website或Site）。超級(jí)文本標(biāo)記語(yǔ)言（英文縮寫：HTML）是為“網(wǎng)頁(yè)創(chuàng)建和其它可在網(wǎng)頁(yè)瀏覽器中看到的信息”設(shè)計(jì)的一種標(biāo)記語(yǔ)言。
網(wǎng)頁(yè)的本質(zhì)就是超級(jí)文本標(biāo)記語(yǔ)言，通過(guò)結(jié)合使用其他的Web技術(shù)（如：腳本語(yǔ)言、公共網(wǎng)關(guān)接口、組件等），可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)。因而，超級(jí)文本標(biāo)記語(yǔ)言是萬(wàn)維網(wǎng)（Web）編程的基礎(chǔ)，也就是說(shuō)萬(wàn)維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級(jí)文本標(biāo)記語(yǔ)言之所以稱為超文本標(biāo)記語(yǔ)言，是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。
超級(jí)文本標(biāo)記語(yǔ)言是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用，也是一種規(guī)范，一種標(biāo)準(zhǔn)，它通過(guò)標(biāo)記符號(hào)來(lái)標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)部分。網(wǎng)頁(yè)文件本身是一種文本文件，通過(guò)在文本文件中添加標(biāo)記符，可以告訴瀏覽器如何顯示其中的內(nèi)容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網(wǎng)頁(yè)文件，然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容，對(duì)書寫出錯(cuò)的標(biāo)記將不指出其錯(cuò)誤，且不停止其解釋執(zhí)行過(guò)程，編制者只能通過(guò)顯示效果來(lái)分析出錯(cuò)原因和出錯(cuò)部位。但需要注意的是，對(duì)于不同的瀏覽器，對(duì)同一標(biāo)記符可能會(huì)有不完全相同的解釋，因而可能會(huì)有不同的顯示效果。
轉(zhuǎn)成ogg或mp4,
用html5的視頻標(biāo)簽
例如
video src="/i/movie.ogg" controls="controls"
your browser does not support the video tag
/video
假如swf文件名為demo.swf跟html頁(yè)面在同一目錄下，代碼如下：
如果瀏覽器支持html5的video標(biāo)簽
videosrc="demo.swf"controls/
src屬性 () 設(shè)備要播放視頻的名稱(可以多個(gè)), control的布爾值用來(lái)調(diào)整是否顯示播放控制欄. 完整的屬性列表如下所示:
下面是一使用了多個(gè)屬性的示例，也包括一個(gè)備用(fallback)的錯(cuò)誤信息(當(dāng)瀏覽器不支持video標(biāo)簽時(shí)顯示).
videosrc="demo.swf"?width="320"?height="240"?autoplaycontrolsloop
Your?browser?does?not?support?the?video?tag.
/video
如果不支持的話可以用object加載，前提是瀏覽器安裝了flash插件
object?data="videoplayer.swf"?type="application/x-shockwave-flash"
param?name="movie"?value="demo.swf"/
embed?src="demo.swf"/
/object
1、video src="hangge.mp4" controls/video1
2，通過(guò)width和height設(shè)置視頻窗口大小
video src="hangge.mp4" controls width="400" height="300"/video1
3，預(yù)加載媒體文件
設(shè)置preload不同的屬性值，可以告訴瀏覽器應(yīng)該怎樣加載一個(gè)媒體文件：
（1）值為auto：讓瀏覽器自動(dòng)下載整個(gè)文件
（2）值為none：讓瀏覽器不必預(yù)先下載文件
（3）值為metadata：讓瀏覽器先獲取視頻文件開(kāi)頭的數(shù)據(jù)塊，從而足以確定一些基本信息（比如視頻的總時(shí)長(zhǎng)，第一幀圖像等）
!-- 用戶點(diǎn)擊播放才開(kāi)始下載 --video src="hangge.mp4" controls preload="none"/video12
4，自動(dòng)播放
（1）使用autoplay屬性可以讓瀏覽器加載完視頻文件后立即播放。
video src="hangge.mp4" controls autoplay/video1
（2）如果啟用自動(dòng)播放，可以將播放器設(shè)置為muted狀態(tài)。這樣自動(dòng)播放時(shí)會(huì)靜音，防止用戶厭煩。用戶需要的話可以點(diǎn)擊播放器揚(yáng)聲器圖標(biāo)重新打開(kāi)聲音。
video src="hangge.mp4" controls autoplay muted/video1
5，循環(huán)播放
使用loop屬性讓視頻播放結(jié)束時(shí)，再?gòu)念^開(kāi)始播放。
video src="hangge.mp4" controls loop/video1
6，設(shè)置替換視頻的圖片（封面圖片）
通過(guò)poster屬性可以設(shè)置，瀏覽器在下面三種情況下會(huì)使用這個(gè)圖片：
（1）視頻第一幀未加載完畢
（2）把preload屬性設(shè)置為none
（3）沒(méi)有找到指定的視頻文件
video src="hangge.mp4" controls poster="hangge.png"/video1
7，瀏覽器兼容，如何讓每一個(gè)瀏覽器都能順利播放視頻
現(xiàn)在大部分瀏覽器都能支持H.264格式的視頻，但Opera瀏覽器卻一直不支持。我們需要通過(guò)后備措施保證每個(gè)人都能看到視頻，通常有下面幾種方案：
（1）使用多種視頻格式
video和audio元素有個(gè)內(nèi)置的格式后備系統(tǒng)。我們不使用src屬性，而是在其內(nèi)部嵌套一組source元素，瀏覽器會(huì)選擇播放第一個(gè)它所支持的文件。
我們可以添加WebM格式的視頻提供對(duì)Opera的支持。
video controls
source src="hangge.mp4" type="video/mp4"
source src="hangge.webm" type="video/webm"
/video1234
（2）添加Flash后備措施（推薦）
上面那個(gè)方法不推薦，應(yīng)為Opera瀏覽器只占不到1%的份額。特意為它把視頻都轉(zhuǎn)碼一邊太費(fèi)事。使用Flash作為備用播放方案還是很方便的，同時(shí)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作為后備措施。
這么做是因?yàn)镕lash普及率比較高，而HTML5作為后備可以擴(kuò)展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
1、首先百度搜索“swf播放器”
2、把使用百度手機(jī)助手前面的勾取消掉
3、取消掉后，點(diǎn)擊普通下載，下載后安裝
4、然后下載第二個(gè)播放器
5、百度搜索“Adobe AIR”，點(diǎn)擊進(jìn)入下載
6、點(diǎn)擊普通下載，下載后安裝
7、這兩個(gè)播放器都安裝后，打開(kāi)swf播放器，點(diǎn)擊本地文件，找到您下載的swf格式的視頻，點(diǎn)擊播放即可
重慶分公司
重慶分公司
