搜索
首页web前端H5教程为什么html5将主宰在线视频?

 磁带、光盘、Flash等媒介都需要播放器,这些媒介正在或者已经死亡。就像CD取代磁带成为一种更高效的音乐播放方式一样,数字文件也将取代CD。依此类推,HTML5也会让Flash成为昨日黄花。

2050.jpg

  HTML5与Flash的对抗在网页开发者中已经成为多年热议的话题,但是无论站在哪一边,不可否认的一点是,HTML5对视频和网站的影响是实实在在的。

  对于在线视频来说,HTML5有两点是Flash不能做到的:移动能力和语义标记。移动参与性的增长;娱乐、广告和购物交互性视频的飙升以及HTML5结合一切技术创建下一代网站的开放结构让Flash最终加入“退休技术”的大军。

  移动杀死Flash明星

  自HTML5引入业界以来,移动性被奉为这种出版语言最大的优势之一。由于很多iOS和安卓设备不支持Flash,Flash更受PC牵制。根据一份市场调查数据,PC在2011年至2013年间的出货量下降10%。

  IAB.net的数据显示,美国半数人口都有一部能上网的移动手机,1/5的网页浏览在移动设备上完成,这些数据每月将持续增长。相比之下,制作Flash交互性视频的公司由于无法使视频在移动设备上运行,从而丢失大批用户。

  举个例子,歌手鲍勃·迪伦(Bob Dylan)的热门交互性视频《Like a Rolling Stone》去年11月发布,数百万PC端的观看者都通过一个类似电视的界面分享该视频。然而,用户在手机或平板打开视频的体验就不那么愉悦了。安卓用户收到一条提醒信息,要求他们在PC上体验完整视频;而iOS用户被要求下载一款应用。而且这段视频在手机和平板的网页浏览器中无法重复播放。

  如果1/5的网页浏览都发生在移动客户端,那就意味着1/5的用户在移动设备上登陆视频网站时要忍受支离破碎的用户体验,

  广告、购物行业同样开始注意到移动的重要性以及Flash技术在网络视频表现出的局限性。

  美国互动广告局(InteractiveAdvertisingBureau,IAB)最近给广告商发布了一封公开信,这封信同时由包括AOL、Conde Nast、福布斯、 谷歌 、《纽约时报》、《华尔街日报》在内的几个主要出版社和公司联名签署。他们要求市场人员在移动广告中实施HTML5标准,那样广告就能运行于不同平台。这封信称,为了保证付费广告“能在所有屏幕上完美展示”,广告应该以兼容移动设备的技术格式开发。“而且开放的、符合行业标准的通用格式就是HTML5。”信里写道。

  Sizmek年度全球基准报告《打破界限:用户参与走向性全球化》表示,利用HTML5技术向移动友好型的格式转变是2013年数字广告业最重要的变革之一。

  这份报告通过调查2013年全球9130亿次广告曝光次数揭示移动广告的重要趋势。报告同时表示,随着行业采取更加严格的出版标准保证屏幕间的无缝切换,HTML5格式的数字广告预计在2014年继续增长。

  在各种平台上播放广告不仅对于主流出版社非常重要,而且对于用户来说,他们点击广告购买商品时变得便捷方便,不会遇到任何麻烦。但由于Flash技术的局限性,用户有时会觉得不爽。

  在最近一次令人沮丧的在线购物体验中,我们的市场营销副总裁试图利用iPad在 亚马逊 找一款真空吸尘器。正当他准备下手一款400美元以上的产品时,由于缺少Flash插件,这款产品的视频无法播放。亚马逊为此也失去一笔订单。

  那么,为什么亚马逊的视频不采用HTML5技术?

  没错,开发者可能正在努力适应这种新标准,而且毫无疑问的是,Flash的开发难度远远低于HTML5。

  一种数字转变趋势

  市场调研公司Forrester在题为《改善企业移动性:满足未来发展、交付和参与需求的未来技术》的报告中提到,HTML5应用程序所需的开发时间要比预期多59%,多出的时间主要用来测试或解决一些技术问题。

  HTML5本身也不够完美,尚处于早期发展阶段。幸运的是,人才济济的科技公司正着重解决这些技术问题——利用SaaS平台,开发者只需专注自己的创意。

  即便存在技术难度,也无法阻挡企业和游戏开发者的热情。开源网络应用程序框架供应商Sencha发布的报告称,超过60%的企业应用开发者已经开始向HTML5和混合技术转变,超过70%的HTML5及混合技术开发者今年更多采用的是HTML5技术。

  移动视频不是唯一受益者

  在游戏行业,以HTML5技术为基础的游戏也在蓬勃发展。荷兰的Spil Games就采取HTML5技术路线。这家公司计划今年底推出1000多款HTML5游戏。Spil Games已经在网站发布5000多款Flash游戏,但它们无法在平板或手机中运行。

  根据博客Digital Buzz公布的数据,iOS和安卓设备32%的使用时间都是玩游戏。

  借助HTML5技术,开发者能够创建在所有设备上都能运行的游戏。看一下谷歌通过Google Chrome实验及Canvas等网站技术创建的作品是多么优秀。

  HTML5的另一个优势:搜索引擎优化

  移动性是HTML5战胜Flash的最显著优势,但HTML5在语义结构方面的功能优势对于交互性视频来说同样重要。

  网络爬虫和搜索引擎看不到Flash的内部。Flash是一个密封的容器,任何人无法窥其内部,

  为什么这点很重要?借助交互性视频的语义结构,你可以利用HTML5创建网络爬虫能够理解的项目。但Flash只能给你一个黑盒子,一段没有任何多余信息的Flash视频。

  按照语义结构创建视频可以让网络机器人抓取任何一段与众不同的视频剪辑。它将获得标签等任何一段标准的网页视频所具备的信息,并方便被抓取,相应地,视频在搜索结果中的排名就会越来越高。

  没有采纳HTML5技术的内容创建者已经落后,如果他们不实施HTML5标准,将很快淹没在尘埃里。好消息是,一些公司专注发掘HTML5的最大优势,而又没有任何技术障碍。那些依然认为Flash是在线视频主流技术的厂家真应该好好思考了。


声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
html5的div一行可以放两个吗html5的div一行可以放两个吗Apr 25, 2022 pm 05:32 PM

html5的div元素默认一行不可以放两个。div是一个块级元素,一个元素会独占一行,两个div默认无法在同一行显示;但可以通过给div元素添加“display:inline;”样式,将其转为行内元素,就可以实现多个div在同一行显示了。

html5中列表和表格的区别是什么html5中列表和表格的区别是什么Apr 28, 2022 pm 01:58 PM

html5中列表和表格的区别:1、表格主要是用于显示数据的,而列表主要是用于给数据进行布局;2、表格是使用table标签配合tr、td、th等标签进行定义的,列表是利用li标签配合ol、ul等标签进行定义的。

html5怎么让头和尾固定不动html5怎么让头和尾固定不动Apr 25, 2022 pm 02:30 PM

固定方法:1、使用header标签定义文档头部内容,并添加“position:fixed;top:0;”样式让其固定不动;2、使用footer标签定义尾部内容,并添加“position: fixed;bottom: 0;”样式让其固定不动。

HTML5中画布标签是什么HTML5中画布标签是什么May 18, 2022 pm 04:55 PM

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制,它只是一个矩形的图形容器,绘制图形必须通过脚本(通常是JavaScript)来完成;开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html5中不支持的标签有哪些html5中不支持的标签有哪些Mar 17, 2022 pm 05:43 PM

html5中不支持的标签有:1、acronym,用于定义首字母缩写,可用abbr替代;2、basefont,可利用css样式替代;3、applet,可用object替代;4、dir,定义目录列表,可用ul替代;5、big,定义大号文本等等。

html5废弃了哪个列表标签html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PM

html5废弃了dir列表标签。dir标签被用来定义目录列表,一般和li标签配合使用,在dir标签对中通过li标签来设置列表项,语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir,可使用ul标签取代。

html5是什么意思html5是什么意思Apr 26, 2021 pm 03:02 PM

html5是指超文本标记语言(HTML)的第五次重大修改,即第5代HTML。HTML5是Web中核心语言HTML的规范,用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的,在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5由不同的技术构成,其在互联网中得到了非常广泛的应用,提供更多增强网络应用的标准机。

Html5怎么取消td边框Html5怎么取消td边框May 18, 2022 pm 06:57 PM

3种取消方法:1、给td元素添加“border:none”无边框样式即可,语法“td{border:none}”。2、给td元素添加“border:0”样式,语法“td{border:0;}”,将td边框的宽度设置为0即可。3、给td元素添加“border:transparent”样式,语法“td{border:transparent;}”,将td边框的颜色设置为透明即可。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前By尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
1 个月前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
4 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

EditPlus 中文破解版

EditPlus 中文破解版

体积小,语法高亮,不支持代码提示功能

Dreamweaver Mac版

Dreamweaver Mac版

视觉化网页开发工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

VSCode Windows 64位 下载

VSCode Windows 64位 下载

微软推出的免费、功能强大的一款IDE编辑器