整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
頁視頻播放器選擇調(diào)研報(bào)告
可選方案：
html5 video標(biāo)簽
flash播放器
html5 + flash
簡(jiǎn)要說明：
html5: 由于各瀏覽器并沒有對(duì)html5完美支持，單純使用html5 video標(biāo)簽的方案無法滿足需求。
Flash播放器：目前網(wǎng)頁播放器主要都還是采用flash播放器，功能強(qiáng)大，API接口豐富，兼容性好，但是需要瀏覽器單獨(dú)安裝flash插件。
html5 + flash: 這種方案是一種主流趨勢(shì)，由于html5原生支持video標(biāo)簽直接可以在瀏覽器中播放視頻，不需要安裝任何插件，在支持html5的瀏覽器采用這種方案，不支持html5的瀏覽器采用退化flash方案。
可行性分析：
各瀏覽器對(duì)html5 video標(biāo)簽支持情況
目前支持html5的瀏覽器包括：IE9+、chrome、firefox、opera、safari,雖然以上各瀏覽器的最新版本均支持html video標(biāo)簽，但是各瀏覽器對(duì)其支持的視頻格式并不一致，如下表所示：
三種視頻格式說明：
mp4：采用H.264編碼方式
webm：采用VP8編碼方式
ogg：采用Theora編碼方式
目前html5 video標(biāo)簽支持以上三種格式的視頻文件，但沒有哪一種視頻格式讓所有瀏覽器都支持，所以同一視頻文件必須要兩種視頻格式，才能兼容所有瀏覽器。
html5 video的一些局限性：
在IE9中無法實(shí)現(xiàn)全屏，這對(duì)用戶體驗(yàn)肯定不好
播放的視頻文件無法受保護(hù)（即DRM安全策略），用戶可方便下載，這點(diǎn)也無法需求課程項(xiàng)目的需求
第三點(diǎn)就是上面分析的，各瀏覽器對(duì)其支持的視頻格式不一致
html5 video的優(yōu)勢(shì)
html5 video比flash更穩(wěn)定，flash在瀏覽器中經(jīng)常容易出現(xiàn)’假死’的現(xiàn)象。
html5 video比flash更節(jié)省性能開銷，尤其在移動(dòng)設(shè)置硬件資源不是很充足的情況下，flash會(huì)更加耗電。
現(xiàn)有主流視頻網(wǎng)站采用的一些方案：
例如優(yōu)酷等主流視頻網(wǎng)站在PC端都還是采用的flash播放器的方案，視頻的格式為.flv，在移動(dòng)端(iPad及iPhone等)，為了讓其播放視頻，已經(jīng)采用了的html5 video的方式，視頻的格式為H.264編碼的mp4。
初步方案的選擇
通過以上的分析，由于html5視頻播放的一些局限性，目前情況下還不適合在PC端使用，故在PC端全部采用flash播放器的方案。
由于ios不在支持flash，以及近期adobe也宣布不再為android平臺(tái)提供flash支持，故在移動(dòng)端使用html5視頻播放，具體參考《手機(jī)端瀏覽器對(duì)html5 視頻播放支持情況調(diào)研報(bào)告》
手機(jī)端瀏覽器對(duì)html5 視頻播放支持情況調(diào)研報(bào)告
Android系統(tǒng)
各瀏覽器對(duì)視頻格式支持情況
播放體驗(yàn)：
uc瀏覽器：播放html5視頻時(shí)會(huì)自動(dòng)全屏，體驗(yàn)不錯(cuò)。
手機(jī)qq瀏覽器：播放html5視頻時(shí)，也會(huì)自動(dòng)全屏，體驗(yàn)很好。
內(nèi)置瀏覽器：播放視頻時(shí)會(huì)自動(dòng)調(diào)用系統(tǒng)內(nèi)置播放器，體驗(yàn)比較好。
Chrome瀏覽器：播放時(shí)默認(rèn)是直接在瀏覽器中播放，需要手動(dòng)切換全屏。
Opera mobile: 不支持全屏，也不支持拖放，只能在瀏覽器中播放，體驗(yàn)不好。
ios系統(tǒng)
由于蘋果app store不允許非webkit內(nèi)核的瀏覽器進(jìn)入，所以在ios中各瀏覽器都是基于webkit內(nèi)核的，一般都支持mp4格式。
播放體驗(yàn)：有iPhone的同學(xué)可以測(cè)試下。
Window phone系統(tǒng)
和蘋果app store一樣，windows phone也不允許非ie內(nèi)核的瀏覽器，目前最新的window phone 8內(nèi)置IE10瀏覽器，對(duì)視頻播放的支持還是很友好的。
播放體驗(yàn)：有window phone手機(jī)的同學(xué)可以體驗(yàn)下。
視頻分辨率
320 * 240(小) 480 * 320(中) 640 * 480(pad)
綜合方案
通過以上各瀏覽器在移動(dòng)端html5 video的支持情況，大部分瀏覽器都有了比較好的支持，除了firefox及opera不支持mp4格式外，其余都支持mp4格式。所以如果在pc端用flash播放mp4格式的視頻，這樣一種視頻格式就可以在pc及移動(dòng)端都有比較好的支持。但是移動(dòng)端采帶寬的限制，和pc端相比，可能會(huì)采用更低的分辨率，這樣的話，對(duì)同一個(gè)視頻文件就需要多種不同的分辨率。
參考：
HTML5視頻簡(jiǎn)介
Html5視頻播放及API接口demo
HTML5視頻播放時(shí)的一些局限性問題
手機(jī)瀏覽器內(nèi)核調(diào)查
android移動(dòng)設(shè)備將不再支持flash插件
測(cè)試瀏覽器對(duì)HTML5的支持情況
奇異移動(dòng)版本體驗(yàn)(html5)：
優(yōu)酷ipad版本體驗(yàn)(html5)：
衷于研究html5給人們帶來的瀏覽體驗(yàn)提升，直到pingwest sync 2014大會(huì)時(shí)才確認(rèn)的名字的“未來應(yīng)用”已經(jīng)積累成為大量的html5動(dòng)畫特效庫和流量的html5網(wǎng)站，截止2014年12月1日，目前未來應(yīng)用流量已經(jīng)超過100T。
發(fā)展歷程
無心插柳
2014年8月的一天王林跟未來應(yīng)用(當(dāng)時(shí)還叫“洛客思”)的CEO陳鴻說要做移動(dòng)社交產(chǎn)品線下分享會(huì)的應(yīng)用在微信里傳播，這是由經(jīng)緯創(chuàng)投、nice、36氪一起舉辦的活動(dòng)，大家都不敢掉以輕心，未來應(yīng)用的主力都參與了這次制作。最終在王林的創(chuàng)意指導(dǎo)下連夜加班完成了一個(gè)html5邀請(qǐng)函。這份邀請(qǐng)函很快在vc和互聯(lián)網(wǎng)產(chǎn)品經(jīng)理的朋友圈傳開，僅4天時(shí)間就達(dá)到3萬人報(bào)名，而36氪最初的設(shè)想是接受1000人報(bào)名，結(jié)果讓36氪不得不提前關(guān)閉報(bào)名頁面。
于是經(jīng)緯創(chuàng)投成為未來應(yīng)用的第一個(gè)客戶。
未來應(yīng)用遇到Pingwest
未來應(yīng)用創(chuàng)立之初，三位創(chuàng)始人在QQ群里想了幾十個(gè)名字，要么覺得名字太難記要么覺得域名不合適。托pingwest之福，2014年11月之前未來應(yīng)用還是名叫“洛客思”團(tuán)隊(duì)，自從給pingwest做一個(gè)叫做“一封來自未來的邀請(qǐng)函”之后，名字就改成“未來應(yīng)用”了。后來參加SYNC 2014(北京)大會(huì)時(shí)未來應(yīng)用還做了個(gè)會(huì)發(fā)光的易拉寶并帶上全公司所有的員工把易拉寶擺在一進(jìn)門最顯眼的地方，期望給人驚鴻一瞥之效。
未來應(yīng)用，不僅僅滿足下一代應(yīng)用的意思，這四個(gè)字搭載了團(tuán)隊(duì)對(duì)未來的美好憧憬，希望能夠持續(xù)創(chuàng)新做互聯(lián)網(wǎng)世界中最具創(chuàng)意的事情。在目前互聯(lián)網(wǎng)領(lǐng)域的移動(dòng)端代表著團(tuán)隊(duì)的新形象——持續(xù)創(chuàng)新與擁抱移動(dòng)互聯(lián)網(wǎng)，更與其強(qiáng)調(diào)未來戰(zhàn)略的價(jià)值觀不謀而合。
未來應(yīng)用與互聯(lián)網(wǎng)公司的那些事兒
這群滿懷理想抱負(fù)的年輕人，在一棟居民樓里成立了未來應(yīng)用，憑藉著對(duì)移動(dòng)互聯(lián)網(wǎng)應(yīng)用領(lǐng)域精準(zhǔn)的眼光與敏銳洞察力，未來應(yīng)用得以在移動(dòng)端營銷領(lǐng)域快速竄起，成功在業(yè)界獨(dú)樹一幟。在剛剛成立的一段時(shí)間內(nèi)未來應(yīng)用決定先給技術(shù)最牛的互聯(lián)網(wǎng)公司提供html5解決方案，這里面不乏百度、阿里巴巴、優(yōu)酷、搜狐、創(chuàng)新工廠、樂視、友盟、七牛、人人貸、卡巴斯基、大眾點(diǎn)評(píng)、36氪、pingwest、極客公園…..等等。時(shí)至今日未來應(yīng)用已記不清給多少家互聯(lián)網(wǎng)公司做過服務(wù)了，但是未來應(yīng)用卻牢牢記住當(dāng)初朋友圈里的朋友們，若不是互聯(lián)網(wǎng)兄弟姐妹的支持和信任哪有今天的未來應(yīng)用。
創(chuàng)始人故事
干爹
干爹因守不住掙錢的秘密總是希望跟網(wǎng)友們分享，被人戲稱為“分享干貨的老爹“，既來之則安之干爹便定了此名號(hào)混跡于網(wǎng)絡(luò)江湖。干爹重情義，周圍總有一群牢靠的小伙伴，創(chuàng)業(yè)失敗時(shí)投奔而來的小伙伴不少反增。2014年4月創(chuàng)業(yè)再次失敗的干爹回福建祭祖，決定遣散團(tuán)隊(duì)….等干爹5月返京時(shí)小伙伴已租好新辦公室，買好桌椅板凳，業(yè)務(wù)紅紅火火的做了起來，在團(tuán)隊(duì)最困難的時(shí)趙夫托爾斯博、自然極近HD、達(dá)倫林、葉子、注水知音、elise、郎熙、林犀、灰灰菜、妖離、野孩子、神婆一直守著團(tuán)隊(duì)最后的希望。這份情義也使干爹一直堅(jiān)持有自己一口飯吃，也必有大家的做法!
大Q
大Q是網(wǎng)絡(luò)豪俠，獨(dú)來獨(dú)往，有一次在杭州遇到小困難在網(wǎng)上說了一嘴，于是璐玥和干爹便連夜飛奔去杭州跟素未蒙面的大Q商討解決方案，三人在西湖樓外樓相聚，大Q豪情萬丈的將月入30萬的秘密毫無保留的分享給兩位，三人一拍即合，覺得大家都是性情中人，從此便奠定了這段非同尋常的關(guān)系。
璐玥
璐玥是書生面綠林心，在網(wǎng)絡(luò)江湖中交誼甚廣，做事靠譜深得大家的信賴，曾收30萬做淘寶客和100萬做比特幣交易所。璐玥是個(gè)講義氣的人，答應(yīng)人之事絕對(duì)辦妥，如果未辦成則一定將錢原封不動(dòng)退還投資人。目前璐玥暫時(shí)在另一公司任職，要履行另外一群兄弟們的事業(yè)，但是干爹、大Q、迷津都等著，無論璐玥何時(shí)歸隊(duì)大家都希望璐玥能坐未來應(yīng)用的頭把交椅。
迷津
迷津是奧數(shù)高手，曾保送清華，但是選擇了自考北大，迷津曾是干爹的面試官，但在面試過后兩人一拍即合就開始創(chuàng)業(yè)了。一開始大家打算從輿情監(jiān)測(cè)做起，無奈兩人勢(shì)單力薄，始終沒有做成大事，后干爹去開淘寶店，迷津加入了在線教育的創(chuàng)業(yè)大潮，兩人奔東西。經(jīng)歷幾輪創(chuàng)業(yè)的迷津在pingwest的SYNC 2014(北京)大會(huì)上又再次與干爹相遇，重新起航。
核心價(jià)值
未來應(yīng)用以“移動(dòng)端內(nèi)容展示與傳播”為自己的歷史使命，堅(jiān)持以創(chuàng)新設(shè)計(jì)為本，持之以恒地開發(fā)移動(dòng)端應(yīng)用，為了給企業(yè)提供易用、可靠、有效的移動(dòng)端內(nèi)容展示與傳播的引擎。
針對(duì)企業(yè)的實(shí)際需求，成功開發(fā)出更多簡(jiǎn)易方便的應(yīng)用，提供多種實(shí)用的應(yīng)用生成選項(xiàng)，讓使用者可以輕松的駕馭移動(dòng)端內(nèi)容創(chuàng)作，享受移動(dòng)端技術(shù)革新帶來的內(nèi)容紅利，從而提供傳播效率。
未來應(yīng)用憑借團(tuán)隊(duì)豐厚的技術(shù)積累，其產(chǎn)品技術(shù)出于領(lǐng)先地位，2014.8月為經(jīng)緯創(chuàng)投做的移動(dòng)社交產(chǎn)品分享會(huì)中的指紋識(shí)別創(chuàng)意將頁面按鈕體驗(yàn)提升到新的高度。未來應(yīng)用繼續(xù)強(qiáng)化手機(jī)屏幕的展示流暢體驗(yàn)2014.10月為pingwest的SYNC 2014(北京)大會(huì)采用無極滑動(dòng)的方式，體現(xiàn)未來應(yīng)用“持之以恒的創(chuàng)新精神和時(shí)時(shí)領(lǐng)先的技術(shù)實(shí)力。2014.12月為支付寶做的十年賬單以嶄新的形象引領(lǐng)移動(dòng)端html5展示的新方向。
公司文化
用創(chuàng)意和智慧開心的掙錢
提高工作效率合理規(guī)避加班
工作中要互相幫忙，杜絕一個(gè)人單獨(dú)加班
互聯(lián)網(wǎng)思維不如有黑客思維
家庭最重要其次才是工作
人在一起是人渣，心在一起才是團(tuán)隊(duì)
核心員工要具備組建和管理100個(gè)人的虛擬團(tuán)隊(duì)的能力
果汁、飲料、鐵觀音、普洱茶、咖啡、龜苓膏、藕粉無限量暢飲，公司常備10種以上不同的飲料
做有創(chuàng)意的互聯(lián)網(wǎng)Geek
這里有理工科的影帝、客服中的硬件工程師、策劃中的聲優(yōu)、媒介中的程序員、淘寶客的中大牛、黑客中的奇葩….
在 Windows 10 下使用最新版的32位 Google Chrome 瀏覽器（ver 64.0.3282.119），Adobe Flash Player 也是最新的 v28.0.0.137 ，就是死活不起作用，看優(yōu)酷和愛奇藝視頻，都是只有聲音，沒有畫面，怎么回事？
首先當(dāng)然是懷疑沒有啟用 Flash ，因?yàn)?Google Chrome 從 ver 61 開始，F(xiàn)lash 默認(rèn)就不是允許，而是詢問了。在地址欄左側(cè)，有個(gè)嘆號(hào)，點(diǎn)擊它選擇允許開啟 Flash，但還是不行。關(guān)閉瀏覽器重新打開，也是外甥打燈籠--照舊。
有網(wǎng)友支招：我也遇到同樣情況，進(jìn)chrome的設(shè)置里，關(guān)閉硬件加速就正常了。但我按提示做了，在設(shè)置中關(guān)閉了硬件加速，仍然不行。
我都準(zhǔn)備重裝系統(tǒng)了，覺得 Windows 10 太蛋疼，單位電腦上的 Windows 7 好用的很。但想到重裝系統(tǒng)真是太麻煩了，只好靜下心來，再逐一排查原因。
經(jīng)過多次試驗(yàn)，終于找到問題的所在，原因是優(yōu)酷默認(rèn)是啟用了 HTML5 播放器，導(dǎo)致只有聲音沒有畫面，使用 Flash 播放器后，一切都就正常了。愛奇藝也是這個(gè)問題。
優(yōu)酷網(wǎng)視頻播放器選項(xiàng)
但仍有個(gè)問題，在優(yōu)酷網(wǎng)上，這次選擇了FLASH播放器后是正常了，但下次打開時(shí)，又是默認(rèn)選擇了使用HTML5播放器。每次都要選擇，太麻煩了吧，優(yōu)酷不會(huì)記憶我們的選擇嗎？而且愛奇藝我修改后，第二次打開是正常的。
愛奇藝視頻播放器選擇
HTML5播放器已經(jīng)是流行的選項(xiàng)，優(yōu)酷網(wǎng)有這個(gè)選項(xiàng)，說明也是支持的，為什么 Google Chrome 瀏覽器沒有順利地播放呢？這是很奇怪的，照說 Google 可是新技術(shù)的推廣者，不可能會(huì)這樣，看來還是某個(gè)設(shè)置被我忽略了。
在 Google Chrome 瀏覽器的設(shè)置中，我只找到 Flash 的選項(xiàng)，沒有 HTML5 的相關(guān)選項(xiàng)。
本文首發(fā)于頭條號(hào)
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
