為一個免費建站的新手,受制于免費空間的容量和空間主機分給你的處理能力,自己安裝相對龐大的視頻網站程序是不可能的。怎樣才能解決網站的視頻播放問題呢?
你不妨在網頁中插入以下代碼試試!
<video src="video/video.mp4" width="700" height="400" controls autoplay>//優先使用Video播放
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="700" height="400">
<param name="movie" value="Flvplayer.swf" />//播放器地址
<param name="quality" value="high" />
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="vcastr_file=video/video.mp4&LogoText=test" />//IE瀏覽器
<embed src="Flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=video/video.mp4&LogoText=test" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="400"></embed>//高級瀏覽器
</object>
</video>
Flvplayer.swf 參數詳細說明:
vcastr_file 方法2傳遞影片flv文件地址參數,多個使用|分開 空
vcastr_title 影片標題參數,多個使用|分開,與方法2配合使用 空
vcastr_xml 方法3 傳遞影片flv文件地址參數,樣板參考 vcastr.xml
IsAutoPlay 影片自動播放參數:0表示不自動播放,1表示自動播放 0
IsContinue 影片連續播放參數:0表示不連續播放,1表示連續循環播 1
IsRandom 影片隨機播放參數:0表示不隨機播放,1表示隨機播放 0
DefaultVolume 默認音量參數 :0-100 的數值,設置影片開始默認音量大小 100
BarPosition 控制欄位置參數 :0表示在影片上浮動顯示,1表示在影片下方顯示 0
IsShowBar 控制欄顯示參數 :0表示不顯示;1表示一直顯示;2表示鼠標懸停時顯示;3表示開始不顯示,鼠標懸停后顯示 2
BarColor 播放控制欄顏色,顏色都以0x開始16進制數字表示 0x000033
BarTransparent 播放控制欄透明度 60
GlowColor 按鍵圖標顏色,顏色都以0x開始16進制數字表示 0x66ff00
IconColor 鼠標懸停時光暈顏色,顏色都以0x開始16進制數字表示 0xFFFFFF
TextColor 播放器文字顏色,顏色都以0x開始16進制數字表示 0xFFFFFF
LogoText 可以添加自己網站名稱等信息(英文) 空
LogoUrl 可以從外部讀取logo圖片,注意自己調整logo大小,支持圖片格式和swf格式 空
EndSwf 影片播放結束后,從外部讀取swf文件,可以添加相關影片信息,影片分享等信息,需自己制作 空
BeginSwf 影片開始播放之前,從外部讀取swf文件,可以添加廣告,或者網站信息,需自己制作 空
IsShowTime 是否顯示時間 : 0表示不顯示時間,1表示顯示時間 1
BufferTime 影片緩沖時間,單位(秒) 2
TML5自帶了一個原生視頻播放器。它在瀏覽器中配備了簡單的用戶界面、功能和一些基本的控件。盡管通過瀏覽器的默認視頻播放器的功能完美運行,但用戶界面并不那么美觀和時尚,總體上并不令人滿意。
因此,大多數現代Web應用程序和平臺,如Udemy、Netflix、YouTube和Amazon Prime,不會將默認內置的HTML5視頻播放器提供給他們的用戶。相反,他們會構建自己定制的版本,具有時尚的用戶界面,使其平臺更具吸引力和用戶友好性。
如果你曾經好奇這些公司和Web平臺是如何完成這樣的壯舉的,那么本文就是為你而寫的。
在按照逐步指南進行操作時,您將獲得一些實踐經驗,該指南將教您如何構建和自定義自己的HTML5視頻播放器。您將學習如何自定義用戶界面、擴展功能,并構建自己的出色的自定義控件和功能。
您還將學習如何僅使用瀏覽器中提供的原生Video API來構建所有這些功能——無需外部庫或工具。
(本文內容參考:java567.com)
過去的十多年中,Flash和Silverlight等插件在瀏覽器中實現了豐富的視頻功能,比如為外國YouTube和Netflix等流行服務提供了強大動力,但是,這種視頻播放功能方法在過去幾年中已轉向HTML5。
?
*請認真填寫需求信息,我們會在24小時內與您取得聯系。