Youtube网站正式全面使用HTML5<video>播放视频

标签: 新闻资讯 html5 video 视频 | 发表时间:2015-01-30 00:23 | 作者:歪脖骇客
出处:http://www.webhek.com

四年前,Youtube官方曾宣布在网站上 实验性的支持HTML5<video>标记,测试它跟使用Flash对比的效果。当时,由于诸多的限制,无法将这种技术广泛的运用到视频播放中。最重要的原因是,HTML5缺乏对Adaptive Bitrate (ABR)的支持,这种技术能让视频进行少量的缓冲就能播放。

经过最近的4年发展,浏览器的发展和各种广泛的交流促使HTML5技术和实际视频运用之间的差距越来越小。现在,在谷歌浏览器、IE11、苹果浏览器以及最新版的火狐浏览器中,使用HTML5<video>播放将成为缺省设置。

HTML5的优势并不是仅仅体现在web浏览器在,它还能运用到智能电视和其它流媒体设备中。下面是HTML5的一些关键技术指标:

  • 支持 ABR(Adaptive Bitrate,自适应比特率):ABR 能够有效减少缓冲时间,能利用媒体源拓展( MediaSourse Extensions)使视频 / 直播在 Chrome, IE11, Safari 8 还有 beta 版的 Firebox 等众多浏览器中流畅播放。HTML5 也能照顾到多种流媒体设备,包括目前主流的 Xbox One,Playstation 4 和 Chromecast 等。
  • 支持VP9 codec:VP9 codec 能有效节省带宽、加载时间和文件的大小。YouTube 团队鼓励开发者使用 iframe API代替 Flash,这样在很多不支持 Flash 的设备上也能进行视频的浏览。
  • 加密媒体扩展 ( Encrypted Media Extensions):通过这个扩展和正常加密的措施的结合,YouTube 的视频能够通过简单的配置,在不同平台上对多种内容保护技术进行支撑。简化了视频传输中由于加密保护与内容高度整合带来的不便,可以减少视频播放中的卡顿。
  • WebRTC 和 全屏幕 API 支持:YouTube 开发者可以通过 WebRTC 在浏览器内开发直播工具插件。有了 HTML5 的全屏 API,YouTube 在标准的 HTML UI 下,就可提供沉浸式的全屏观看体验。

YouTube 将支持内嵌语法 <iframe>,放弃 Flash 时代惯用的 <object> 语法,全力支持 HTML5 video 标签。要内嵌影片的人,用 <iframe> API 内嵌影片,能够在所有平台顺利播放。

这种改进将不仅仅使YouTube收益,而是整个行业。其它的视频网站,比如 Netflix 和 Vimeo,甚至微软和苹果等公司,都在支持HTML5,并非常成功。基于开放的HTML5标准,像Chromebooks和Chremecast这样的新设备也成为了可能。同样,每个人都可以通过 <iframe> API将YouTube视频嵌入到自己网站上。

参考英文: YouTube now defaults to HTML5<video>

相关 [youtube 网站 html5] 推荐:

Youtube网站正式全面使用HTML5<video>播放视频

- - WEB骇客
四年前,Youtube官方曾宣布在网站上 实验性的支持HTML5

前 Youtube 高管为情侣和夫妻创办约会网站 TheIceBreak

- hidecloud - 36氪
Facebook 在美国的用户中,有 6000 万人说他们已经结婚或是正在恋爱中,那么为什么很少有为情侣和夫妻服务的网站呢. 今天上线的创业公司 TheIceBreak 就改变了这个现状,由前 Youtube 移动版的老大 Dwipal Desai 和 Youtube UI 设计师 Christina Brodbeck 创办,The IceBreak 提供游戏和其他工具让情侣或夫妻更加了解对方与他们之间的关系状态.

推荐10个HTML5游戏网站

- ZB - cnBeta.COM
原文作者Julio Rivera是一名来自纽约市的创意总监和网页设计师,他是Underworld Magazines的创始人. 到现在为止,我玩了好几年的在线游戏. 我已经看过用Flash和其他软件制作游戏,目前是在用HTML5做游戏,只看到一个完整用CSS3做的游戏.

30个使用HTML5的网站实例

- Amo - HTML5研究小组
从众多的文章,事件和有关这个最新的HTML标准版本的嗡嗡声中,HTML5确实站住了脚. 一些使用HTML5技术的网站骄傲地展示了他们的官方logo,并标注了他们的态度“从现在开始,支持未来”. 因此,为了支持这一切的关注和技术,我们决定收集一个新的列表,来展示使用了HTML5的网站.

【转载】一些有趣的html5网站

- - HTML5研究小组
原文地址: 一些有趣的html5网站 作者: OnlyCristiano. 支持的浏览器有Chrome,Firefox,Safari以及搜狗2.0高速模式下. 很美的一棵树,空格控制开始暂停,n是重置,m是设置分叉是否改变形式,b是控制是否长叶子,a是显示说明. 用鼠标划线挡住掉下来的球,画好的线可以点击边缘拖动改变方向,根据小球的速度大小会有不同的音调,用一堆线条就可以作曲了.

45个HTML5网站设计实例

- - HTML5研究小组
网页设计师和前端架构师都清楚的认识到HTML5对于现在网页设计中的重要趋势. 通过今年各大浏览器的升级效果来看,更多的标准在趋向于新的技术. 我们不会再去让HTML5和Flash去比较. 现在移动端的普及已经让局面越来越明显起来. 相信在未来HTML5将有更快更强的发展趋势. 今天我们分享出了45个通过运用HTML5来设计编写的网站,你可以从中看到新的技术和设计创意灵感.

使用HTML5监测网站性能

- - 标点符
在这个信息爆炸的互联网时代,越来越多的人缺少了等待的耐心,网站性能对于一个网站来说越来越重要. 以下为监控到的网站打开时间对跳出率的影响:. 当网站打开时间在0-1秒时,跳出率为12%. 当网站打开时间在1-2秒时,跳出率为26%. 当网站打开时间在2-3秒时,跳出率为30%. 从上面的数据很明显的可以看到网站的打开速度对用户体验或者网站信任度的影响会产生多大的影响.

HTML5:新闻网站的新选择

- - HTML5研究小组
HTML5是HTML语言的更新版,被业内公认为是近十年来 Web 标准最大的飞跃,将成为下一代的Web语言. 随着新技术的发展,移动阅读已经成为一种不可逆转的趋势. 智能手机、平板电脑则上升为人们接触媒体、阅读新闻的首选. 在这样的背景下,新闻网站面临两难选择:. A选项——继续把原有网站做好,吸引用户浏览.

HTML5 Web Speech API,让网站更有趣

- - SegmentFault 最新的文章
Web API 变得越来越丰富,其中一个值得注意的是 Web Speech API. 传统的网站只能“说”,这个API的出现,让网站能“倾听”用户. 这个功能已经开放了一系列的用法,非常棒. 在这篇文章中,我们将看一下这项技术和建议的用法,以及如何用它来增强用户体验的一些好例子. 声明:本技术比较前沿,目前该规范是W3C的“非官方编辑器的征求意见稿”(截至2014年6月6日).