专栏首页快乐八哥HTML5 Video Player概览

HTML5 Video Player概览

从以下三个方面分析

1.浏览器和设备的市场份额

2.媒体格式的支持

通过服务器端detect浏览器发送请求时的user-agent。

3.标签属性

属性支持:

新增属性

muted

每个浏览器的视频控制看起来各有不同,但是它们都提供了相同的选项:一个播放/暂停开关,一个播放进度条和一个音量控制条。Safari还提供了2个额外的按钮:全屏和30秒回退。

4.全屏播放

全屏API标准

5.自适应流

自适应流是在线视频的一个核心组成部分。它能够实现:缓冲控制,流内质量调整,live/dvr以及密码和DRM安全机制。自适应流并不属于HTML5标准,但是浏览器可以通过从HTML5的<source>标签中下载控制表单实现这一功能。目前支持HTML5的平台中只有iOS提供自适应流。

6.可访问性

键盘控制和文本追踪

参考文献:

中文翻译: http://www.webapptrend.com/2012/02/1613.html

英文原文: http://www.longtailvideo.com/html5/

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 探讨Android中的内置浏览器和Chrome

    1.Android默认浏览器和Chrome的区别 Android出厂自带的浏览器:安卓WebKit浏览器,也成内置浏览器或者默认浏览器。 安卓WebKit不是C...

    八哥
  • jQuery.unique引发一个血案

    项目开发过程中,PM说系统只要在一个特定的浏览器中运行就好,但是在其他的浏览器中不能出现逻辑的错误,所以在开发过程中,前端和后台选择是Chrome浏览器,没有仔...

    八哥
  • Cmd Markdown编辑器简明语法手册

    标签: Cmd-Markdown 1. 斜体和粗体 使用 * 和 ** 表示斜体和粗体。 示例: 这是 斜体,这是 粗体。 2. 分级标题 使用 === 表示一...

    八哥
  • 基于HTML5的Canvas指纹跟踪技术

    时至今日有许多的方式来跟踪访客,例如使用存在用户端的cookie技术,这种技术现已被大部分公司遗弃,如今出现了一种新的方法替代cookie可以来跟踪用户。 在这...

    FB客服
  • 绕过Edge、Chrome和Safari的内容安全策略

    概述 ---- Web应用中有许多基本的安全机制,其中一个是同源(same-origin)策略机制,该机制规定了应用程序代码可以访问的资源范围。同源策略的...

    奶糖味的代言
  • 有关网页渲染,每个前端开发者都该知道的那点事

    【编者按】其实,有关网页渲染的文章很多,但是相关信息比较分散,且论述并不是很完整。如果要想对这个主题有个大致的了解,我们还得学习很多知识。因此,Web开发者Al...

    CSDN技术头条
  • 【基础知识】 ORA-600/ORA-700/ORA-7445内部错误的本质

    我们知道ORACLE数据库是有C语言写的,对于ORA-600,ORA-7445和ORA-700错误,都是Oracle程序在运行过程中,遭遇异常时报的错误。 根据...

    TeacherWhat
  • 内训前端题

    行内元素:a、b、span、img、input、strong、select、label、em、button、textarea

    李才哥
  • re 正则模块

    就其本质而言,正则表达式(或 RE)是一种小型的、高度专业化的编程语言,(在Python中)它内嵌在Python中,并通过 re 模块实现。正则表达式模式被编译...

    超蛋lhy
  • python 正则表达式

    注意:加r是告诉python解释器,\\就是原生字符,不需要转义,就直接把2个\送给re模块

    py3study

扫码关注云+社区

领取腾讯云代金券