探究瀏覽器播放視頻
阿新 • • 發佈:2018-09-10
roc mark 聽音樂 ie版本 播放器 applet 圖片 關閉 color 瀏覽器播放視頻,分為兩種:
<h2>來看小視頻嘍</h2>
<embed src="file/ff9dba34c2a6515274496c87ec8c9280.avi" />
演示效果:很成功,打開瀏覽器就在自動播放
接下來,我們看看對IE瀏覽器的支持度(降低IE版本)。
可以看出IE5+都支持這種方法
那我們換個瀏覽器呢?
在某些瀏覽器上(包括谷歌),提示的是下載
貌似這個方法是IE的專屬特性!
③使用 <object> 元素
經筆者調試,該方法對IE的支持度是(Edge模式,其他版本均失敗了);
谷歌等瀏覽器,不支持
一、內聯視頻(Inline Videos)
當視頻被包含在網頁中,或作為網頁的一部份,它就被稱為內聯視頻。
通過使用 <img> 元素,可向網頁添加內聯視頻。
許多人,對這內聯視頻是很反感的。就好比,大半夜大家都睡了。突然打開一個頁面蹦出視頻來,嚇老子一跳!我找到資料時,突然某個網頁吱哇亂叫!還以為打開小網站了呢。所以有的已經關閉了內聯視頻,筆者建議僅僅在用戶希望聽到聲音的地方包含內聯視頻。比方說在用戶打開頁面後,點擊某個鏈接來觀看視頻,看看某人的空間聽聽音樂。
①使用 <img> 元素
筆者找到了一則廣告視頻作為測試
該方法,筆者沒有調用成功!
②使用 <embed> 元素
<h2>來看小視頻嘍</h2>
<embed src="file/ff9dba34c2a6515274496c87ec8c9280.avi" />
演示效果:很成功,打開瀏覽器就在自動播放
接下來,我們看看對IE瀏覽器的支持度(降低IE版本)。
可以看出IE5+都支持這種方法
那我們換個瀏覽器呢?
在某些瀏覽器上(包括谷歌),提示的是下載
貌似這個方法是IE的專屬特性!
③使用 <object> 元素
<object data="file/d6f955c6920b487c07038a21593464ac.f4v" type="video/avi" />``谷歌等瀏覽器,不支持
④使用超鏈接
<a href="file/ff9dba34c2a6515274496c87ec8c9280.avi">點我看小視頻</a>
筆者再一次調試出下載功能了,失敗。
⑤HTML 5 + <object> + <embed>
筆者也沒有調試出來:
<video width="320" height="240" controls> <source src="file/ff796725d9f2ac7dad654e0db37b3e75.mp4" type="video/mp4"> <source src="file/ff796725d9f2ac7dad654e0db37b3e75.ogg" type="video/ogg"> <source src="file/ff796725d9f2ac7dad654e0db37b3e75.webm" type="video/webm"> <object data="file/ff9dba34c2a6515274496c87ec8c9280.avi" width="320" height="240"> <embed src="file/ff796725d9f2ac7dad654e0db37b3e75.swf" width="320" height="240"> </object> </video>
二、使用助手(Plug-In,插件)
助手應用程序,是一種可通過瀏覽器啟動來“幫助”瀏覽器播放視頻的程序。助手應用程序也稱為插件(Plug-Ins)。
助手應用程序可通過使用 <embed> 元素來啟動,或者 <applet> 元素及 <object> 元素。
使用助手應用程序的一項巨大優勢是,允許用戶控制播放器的某些設置。
大多數助手應用程序允許手動地或通過編程控制音量設置以及播放功能,比如回放、暫停、停止和播放。
至於第二種方法嘛。等筆者有空的時候再說吧,天就到這了!
探究瀏覽器播放視頻