技術(shù)資訊
蘋果系統(tǒng)播放器
2012-11-20 16:28:40
蘋果系統(tǒng)播放器,一個新的視頻播放兼容的話題,現(xiàn)在蘋果產(chǎn)品應(yīng)用越來普及,如果讓自己網(wǎng)站上的視頻也能夠在蘋果產(chǎn)品上播放?實現(xiàn)方法如下:
以前瀏覽器不能直接播放視頻,所以需要用插件,比如wmp、real player、flash。而wmp、real player不能跨平臺、跨瀏覽器,flash有時候會導(dǎo)致瀏覽器卡、崩潰。
青島網(wǎng)站建設(shè)與的HTML網(wǎng)頁視頻點播方案,想在蘋果系統(tǒng)中的網(wǎng)頁中播放視頻?青島網(wǎng)站制作
以前瀏覽器不能直接播放視頻,所以需要用插件,比如wmp、real player、flash。而wmp、real player不能跨平臺、跨瀏覽器,flash有時候會導(dǎo)致瀏覽器卡、崩潰。
整理了一個下載包:
網(wǎng)頁視頻支持蘋果系統(tǒng)播放.rar
演示頁面(外鏈外部服務(wù)器視頻文件,較慢):
http://www.ihaomai.cn/uploads/html5/html5.html
現(xiàn)在瀏覽器集成了播放器,不再需要插件了,直接能放視頻,提高了性能、穩(wěn)定性、跨平臺兼容性。在HTML 4、XHTML 1、HTML5的頁面中都能播放。
瀏覽器能播放哪種格式的視頻?各個瀏覽器不同,有專利格式的,有開源格式的。
具體支持情況如下:
專利格式mp4:Safari(Ipad、Windows、Mac OS)、Chrome、IE9
開源格式webm:Firefox、Chrome、Opera
開源格式ogg:Firefox、Chrome、Opera
如何讓視頻在所有瀏覽器上都能播放?如何支持Ipad和IE876?請看下文。
開源方案:webm->flash放webm
視頻文件格式:webm
支持:Safari(Windows、Mac OS)、Firefox、Chrome、IE9876、Opera
不支持:Safari(Ipad)
原理:在Firefox、Chrome、Opera中原生播放webm,在Safari(Windows、Mac OS)、IE9876中使用flash播放器播放webm。
優(yōu)點:webm是開源格式,1個webm即可支持主流瀏覽器。
缺點:不支持Safari(Ipad),因為Safari(Ipad)不支持flash。
依賴于adobe flash player支持webm,adobe在2010年5月宣稱flash player將支持webm,截至2011年4月21日還沒有結(jié)果。
商業(yè)方案:mp4->flash放mp4
視頻文件格式:mp4
支持:Safari(Ipad、Windows、Mac OS)、Firefox、Chrome、IE9876、Opera
原理:檢測瀏覽器是否支持播放mp4,不判斷瀏覽器名稱,只檢測功能。
結(jié)果:在Safari(Ipad、Windows、Mac OS)、Chrome、IE9中原生播放mp4,在Firefox、Opera、IE876中使用flash播放器播放mp4。
優(yōu)點:1個mp4文件,支持所有主流瀏覽器
缺點:mp4是專利格式,需考慮編碼器授權(quán)
在線播放演示:整理中(如急需請聯(lián)系本站QQ:473587358)
代碼打包下載:整理中(如急需請聯(lián)系本站QQ:473587358)
請注意flow player是GPL授權(quán)的,如果有閉源的需要,請購買flow player或者自己編譯一個flex播放器,比較簡單。
代碼(采用公共領(lǐng)域授權(quán),可任意使用):
2010 Ruse 360p
2010 Inception 720p
青島網(wǎng)站建設(shè)中,對視頻的應(yīng)用越來越廣泛,通過以上方法便能夠使視頻文件在蘋果safari瀏覽器上流暢播放。青島網(wǎng)站建設(shè) 青島網(wǎng)站制作
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計
- [2020-12-16 16:55:32] 建設(shè)一個常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2014-10-07 10:13:43] select模擬下拉
- [2012-01-10 16:10:49] 網(wǎng)站優(yōu)化與網(wǎng)站設(shè)計制作的關(guān)系
- [2012-06-18 14:21:28] 青島網(wǎng)站設(shè)計如何突出網(wǎng)頁核心內(nèi)容
- [2011-12-01 21:19:59] 力圖數(shù)字科技為國運集團提供網(wǎng)站平臺設(shè)計策劃
- [2015-04-23 00:21:28] 網(wǎng)站風(fēng)格定位如何把握
- [2011-11-17 14:38:58] 如何能快速的提高網(wǎng)站權(quán)重PR
- [2019-05-24 09:56:02] 青島網(wǎng)站制作哪家強
- [2011-10-18 11:48:48] 一起探討百度快照回檔的五大原因
- [2012-04-26 00:05:54] 國外網(wǎng)站設(shè)計趨勢
- [2014-12-02 23:16:32] 新老網(wǎng)站被百度K站后的原因分析與解決辦法
- [2015-02-14 11:46:58] 網(wǎng)站結(jié)構(gòu)和網(wǎng)站優(yōu)化的關(guān)系?
- [2011-12-12 23:02:53] 百度網(wǎng)站提交入口
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
外貿(mào)網(wǎng)站設(shè)計 H5定制設(shè)計 網(wǎng)站開發(fā) 網(wǎng)站優(yōu)化 網(wǎng)站設(shè)計資訊 高端網(wǎng)站設(shè)計 網(wǎng)站制作 微網(wǎng)站 營銷型網(wǎng)站建設(shè) 平面設(shè)計 交互設(shè)計 青島高端網(wǎng)站建設(shè) 青島做網(wǎng)站多少錢 SEO 集團公司網(wǎng)站建設(shè) H5 如何做網(wǎng)站優(yōu)化 頁面設(shè)計 外貿(mào)網(wǎng)站建設(shè) 青島網(wǎng)站制作 企業(yè)網(wǎng)站建設(shè) IT資訊 青島抖音小程序開發(fā) robots html和css 網(wǎng)站視覺 青島網(wǎng)頁設(shè)計 程序開發(fā) 青島不錯的英文網(wǎng)站建設(shè)公司 空白和簡潔的設(shè)計