如何在網頁上增加視訊並且相容各種瀏覽器?

隨著網際網路的發展各種瀏覽器層出不窮與此相伴的是網頁技術的更新迭代,今天向大家介紹一個在網頁上新增視訊播放器的方法,並且該播放器相容目前已知的所有主流瀏覽器,IE,360,百度,火狐,搜狗,谷歌等等,如果你是還在網頁上使用window播放器的菜鳥那趕緊看過來。

工具/原料

電腦一臺確保聯網

方法/步驟

首先我們需要保證電腦上有製作網站需要的軟體,如Dreamweaver 還有FlashFXP以及今天的主角一個只有60KB大小的網頁視訊播放器vcastr22.swf

像Dreamweaver,flashfxp這類的軟體就不多說了,vcastr22.swf播放器大家只要從網上找找很容易找到下載資源

如何在網頁上增加視訊並且相容各種瀏覽器

首先我們要做的是連線我們的網站空間,將我們需要新增視訊的網頁檔案下載下來,並且上傳vcastr22播放器以及我們想要新增的視訊,視訊格式只能是flv格式。我的演示視訊名字為1.flv。這裡就必須要連線FTP,賬號大家可以向自己的空間商索取。這裡我為了演示建立了一個空白的名字為666.html的空白網頁,vcastr22播放器已經放在空間根目錄下。

如何在網頁上增加視訊並且相容各種瀏覽器

如何在網頁上增加視訊並且相容各種瀏覽器

然後我們下載自己需要新增視訊的網頁檔案,為了演示我建立了空白網頁檔案666.html.用Dreamweaver開啟後新增視訊程式碼,新增的地方就是我們具體的視訊的位置。圖片中模糊的是我們網站的網址,只要將程式碼中的域名改成我們自己的域名已經播放器路徑就可以了。

如何在網頁上增加視訊並且相容各種瀏覽器

最關鍵的程式碼:

codebase="我們的域名/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" height="120" width="190">

value="我們的域名/vcastr22.swf?vcastr_file=http:我們的域名/1.flv">

src="我們的域名/vcastr22.swf?vcastr_file=我們的域名/1.flv"

quality="high"

pluginspage="我們的域名/go/getflashplayer"

type="application/x-shockwave-flash" width="320" height="240">

如何在網頁上增加視訊並且相容各種瀏覽器

這個程式碼裡面還可以設定播放器的屬性, height="120" width="190"這兩個是最基本的長和寬,播放器本身預設的是點選播放,大家也可以把程式碼改成自動播放或者是迴圈播放,播放器的樣式也可以通過更改程式碼實現。

注意事項

這個方法只適用於獨立空間的網頁,對於微博空間等網頁不適用

視訊, 網頁, 播放器, 瀏覽器,
相關問題答案