2011年11月17日
By 1月时特约编辑
专题文章

HTML5正在占领网络，没错? 没那么快……

HTML5是未来的潮流? 也许吧，但是Flash和Silverlight不会很快消失.

过去的18个月, 在我们的行业中，没有哪个话题比HTML5更能引起关注, 在过去的几个月里，我在流媒体欧洲和流媒体 West上发表了关于HTML5网站编码的研讨会. 在我主持一个研讨会之前, 我总是喜欢了解不同网站对HTML5和iOS设备的最新支持情况. 我也对社交媒体如何与流媒体视频交叉感兴趣. 而不是冲击主流媒体或知名企业网站，看看现实世界中发生了什么, 我决定看看那些通过社交媒体和视频进行品牌发展的网站.

天意在闪耀, 最近我在一个叫 Famecount, 它根据Facebook和Twitter的粉丝数量以及YouTube的观看次数对全球品牌进行排名. 因为这个名单上的公司都在积极地利用网络技术为自己谋利, 我认为他们可能会走在HTML5适配和iPad支持的前沿.

所以我决定去看看排名前20的网站，看看他们是如何支持HTML5和iPad的, 他们如何将社交媒体与他们的视频结合起来, 以及他们如何使用YouTube. 对于那些直接播放视频的人(而不是使用YouTube), 我还收集了有关编解码器的统计数据, 视频配置, 以及传输协议. 在本文中，我将分享关于所有这些变量的结果.

HTML5 / iPad相等

首先，我需要提到我测试过的网站上的一些注意事项(参见Google电子表格我公开的)和那些我没有公开的. 但是，当您查看该页面时，排名可能已经发生了变化. 我被排除在外 Windows Live Messenger (No. 因为那看起来像是一种技术，而不是一个网站. 我被排除在外能多益 (No. 因为那是我的网站费列罗巧克力 (No. 12)具有相同的视频配置. 我被排除在外维多利亚的秘密粉色 (No. 出于同样的原因——它与……完全相同维多利亚的秘密一个当之无愧的No. 8).

测试该网站使用的视频技术, 我使用最新版本的谷歌Chrome和Opera浏览器访问了这个网站, 我到处找，直到找到一段视频, 然后右键点击玩家来识别它. 我在自己的iPad上尽可能地复制了这些方法, 结果因网站而异:一些公司提供ipad专用网站, 一些人使用他们的主要网站, 还有一两家将流量导向他们的移动网站.

简而言之，没有一个网站使用HTML5视频标签作为主要的视频播放器. 其中19个网站使用Flash, 1个(微软的Xbox网站)用过的Silverlight. 它们都无法复制iPad上的桌面体验, 尽管有些网站非常接近, 总的来说, 桌面体验越身临其境, iPad就越无法与之匹敌. 查看我的调查结果摘要和我分析过的网站列表, 你可以访问前面提到的谷歌电子表格.

虽然每个网站在支持或不支持iPad的具体方式上都是不同的, 有一些共同的主题. 我最喜欢的两个网站， Zara (No. 17)和玩乐 (No. 7), 这提供了非常接近相同的体验, 尽管Zara主要是一个购物网站，而不是沉浸式的, lifestyle-oriented网站, 彩虹糖是 ... well, I'm not sure what it is; you'll have to check it out yourself.

另一个主题是将iPad浏览者引导到一个纯粹的购物网站, 而Chrome或Opera的访问者则被引导到更多以生活方式为导向的网站. 网站在这个类别包括匡威 (No. 6), 阿迪达斯 (No. 13), 耐克足球 (No. 19). 例如, 图1 显示了主要面向flash的匡威主站点图2 显示iPad版本. 这是相同的URL，但一个完全不同的网站和体验.

图1. 匡威闪光生活方式网站

图2. 匡威iPad购物网站

很难夸大这种体验上的不同以及这种不同的重要性. 在iPad上的阿迪达斯商店点击足球，你可以购买鞋子和衬衫. 在电脑应用程式(图3), 然后进入一个沉浸式页面，让你在基于flash的视频编辑器中在线编辑视频，或者玩足球技巧游戏, 你可以把你的分数和世界上其他人的分数进行比较. 一次体验需要你花钱, 另一个让你参与进来，并邀请你在网站上花更多的时间, 什么是品牌建设101.

阿迪达斯

图3. Flash-enabled video editing in Chrome; not available on the iPad.

雪上加霜, 把带iPad的顾客送到阿迪达斯商店也不是万能的, 就像媒体上的一些页面一样.com网站显示“获取Flash播放器”错误信息. iPad用户不仅错过了沉浸式网站, 但它们在iPad上的体验甚至更差.

I'm not beating 阿迪达斯 up about these deficits; it's clear that the company invested heavily to create a wonderfully immersive and sticky experience on its main site and then had to make some tough choices for the iPad. 而, 我要指出的是，大多数网络制作人可能会对苹果将Flash排除在iPad之外的决定感到高兴，就像他们会发现自家地下室漏水一样. 当然，这是你必须解决的问题, 但你几乎肯定希望它一开始就不要出现.

大多数HTML5视频标签的支持者似乎都认为Flash被广泛憎恨，而HTML5一旦问世就会被广泛接受, 就像兄弟会派对上的免费啤酒. 关于第一点，一项调查表明 流媒体 去年的调查结果显然没有显示出大众对Flash的不满. 如果有的话，正好相反。图4).

满意度

图4. 用户对Flash的满意度

关于第二点, 本文选取的20个站点中，除了支持iPad之外，没有一个站点使用HTML5. 我意识到，这些硬数据的入侵可能会冒犯那些更喜欢自己主观意见的分量而不是实际客观发现的专家和权威人士的敏感性. 但套用迪克·切尼的话来说，他们就是他们.

很明显, iPad是网络营销人员知道他们必须解决的一个平台, 但你可能会认为，如果苹果公司在iPad上加入Flash技术，肯定会在许多IT商店里引起热烈的掌声。. 现在Adobe已经把Android战略的重点放在了应用程序上, 看来HTML5是移动领域的唯一出路. 但是Adobe显然有它的理由, 对于许多Android用户来说，停止支持Flash Player的决定绝对不是一件好事.

其他iPad支持趋势

支持iPad的第三个主题是让浏览者访问功能有限的移动网站, 使用的策略麦当劳 (No. 15)和 Dr. 胡椒 (No. (16)，或者访问带有ipad专用页面的网站奥利奥 (No. 4)用于Moments Gallery，展示客户提交的照片、视频和故事. 许多网站使用YouTube视频在iPad上播放，包括可口可乐 (No. 奥利奥，彩虹糖，品客薯片 (No. 9)、阿迪达斯和的亮光 (No. 20).

下一个页面