Atitit.多媒体区----web视频格式的选择总结

1. 因为现阶段不同的浏览器支持的视频格式是不同的 1

2. 各浏览器Html5 Video支持的影音格式: 2

3. 解决方案是什么?FlashH.264 2

4. <object> 标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。 3

1. 因为现阶段不同的浏览器支持的视频格式是不同的

,当我们有多种格式的视频样式的时候,我们会用第二种写法来做兼容调试。一般

谷歌 mp4(H.264/AVC)的能直接放,360的和谷歌的一样,火狐的ogg格式的才可以放,IE7以上版本才支持video标签+.+

Ogg 格式,MPEG 4格式和WebM

HTML5,提供了一个video标签。它允许开发者直接将视频嵌入网页,不需要任何第三方插件(比如 Adobe公司的Flash)就能播放。

这当然是一大进步。

作者::老哇的爪子Attilax艾龙,EMAIL:1466519819@qq.com

转载请注明来源:http://blog.csdn.net/attilax

但是,有一个核心问题,却没有得到解决。HTML5没有规定,浏览器到底应该播放哪一种格式的视频。浏览器厂商可以自行选择支持的格式。

一般来说,html5支持的视频格式

一些人对这种情形,感到担忧和不满。他们决定自行开发一种没有专利的视频格式,生成的文件体积要与H.264相仿,画质也要差不多。这种格式就叫做Theora。

Theora的主要开发者,也是Ogg Vorbis[译注]一种开源的、无专利的音频压缩格式)的开发者

现在,再回过头谈HTML5和它的video标签。

开源浏览器FirefoxKHTML,没有资源去购买H.264许可证。因此,它们原生不支持H.264格式的视频,除非用户自己安装第三方插件。而微软公司和苹果公司则是完全不支持Theora,只支持H.264

这意味着,未来的HTML5网页,不存在一种通用的视频格式。也就是说,HTML5网站开发者必须为同一个视频,准备两个格式的版本,一个是H.264,另一个是Theora。不过,开发者还有另一个选择,就是要求用户安装第三方插件。

猜猜看,大多数开发者会怎么做?他们很可能什么也不做!保持现状不就行了,让用户继续用Flash观看视频吧,什么麻烦都没了。

2. 各浏览器Html5 Video支持的影音格式:

浏览器 | 影音格式

Ogg Theora

MP4(H.264)

WebM

Microsoft Internet Explorer9

Mozilla Firefox5+

Google Chrome13+

Apple Safari5+

Opera11+

3. 解决方案是什么?FlashH.264

我想大多数开发者会选择做一个浏览器"嗅探",专门为苹果公司的设备提供一个H.264格式的视频,其余的设备则显示一个Flash播放器,里面也 可以播放这个H.264格式的视频。所以,FlashH.264成了赢家,

。flash是通过boject或embed嵌入到页面中的,这是最成熟,也是运用最广泛的解决方案,兼容性是最好的。

4. <object> 标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。

object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持,这一点并未实现。

浏览器的对象支持有赖于对象类型。不幸的是,主流浏览器都使用不同的代码来加载相同的对象类型。

而幸运的是,object 对象提供了解决方案。如果未显示 object 元素,就会执行位于 <object> 和 </object> 之间的代码。通过这种方式,我们能够嵌套多个 object 元素(每个对应一个浏览器)。

Refer 参考

HTML5的视频格式之争-阮一峰的网络日志.htm

符合web标准的媒体播放器代码-蓝色理想.htm

转载于:https://www.cnblogs.com/attilax/p/5963775.html

Atitit.多媒体区----web视频格式的选择总结相关推荐

  1. 怎么转换视频格式?腾讯视频qlv格式转换mp4方法

    如今,看视频是人们的主要娱乐方式之一,这里的视频包括但不限于电影.电视剧.动漫.综艺-看视频的主要渠道有百度网盘.视频站点,百度网盘就不说了,大家都懂得~视频站点的话,国内最大的几家就是腾讯视频.爱奇 ...

  2. 在电脑上如何转换各类视频格式呢?

    转换视频格式应该大部分人都做过吧,刚刚开始不知道的就直接更改后缀名来达到修改格式的目的,但是这样做虽然很快,但是视频文件却被破坏了,从而导致视频播放卡顿甚至黑屏,所以小编在这里教大家如何转换视频格式? ...

  3. [译] HTML5 媒体源扩展(MSE):把影视制作级别的视频格式带入 Web

    英文原文:HTML5 Media Source Extensions: Bringing Production Video To The Web 在过去的十几年,像Flash和Silverlight这 ...

  4. 各种音视频编解码学习详解 h264 ,mpeg4 ,aac 等所有音视频格式

    编解码学习笔记(一):基本概念 媒体业务是网络的主要业务之间.尤其移动互联网业务的兴起,在运营商和应用开发商中,媒体业务份量极重,其中媒体的编解码服务涉及需求分析.应用开发.释放license收费等等 ...

  5. 各种音视频编解码学习详解 h264 ,mpeg4 ,aac 等所有音视频格式 详解

    http://blog.csdn.net/wishfly/article/details/50187417 编解码学习笔记(一):基本概念 媒体业务是网络的主要业务之间.尤其移动互联网业务的兴起,在运 ...

  6. 【FFMPEG】各种音视频编解码学习详解 h264 ,mpeg4 ,aac 等所有音视频格式

    目录(?)[-] 编解码学习笔记二codec类型 编解码学习笔记三Mpeg系列Mpeg 1和Mpeg 2 编解码学习笔记四Mpeg系列Mpeg 4 编解码学习笔记五Mpeg系列AAC音频 编解码学习笔 ...

  7. 狸窝音频剪辑软件_「附下载链接」常用的5款视频格式转换软件,收藏起来吧...

    日常生活中,大家可能会自己制作一些记录生活的小视频,或者作为爱好上传到视频平台,就会用到很多种的视频格式,比如MP4.MKV.WMV.FLV.MOV.DV等等.因为有的视频网站需要特殊格式的视频才能上 ...

  8. 什么是FLV视频格式?FLV视频格式是什么意思?

    Q:什么是FLV视频格式?FLV视频格式是什么意思? FLV是就是FlashVideo,Flash视频,在网页中播放.FLV流媒体格式是一种新的视频格式,全称为FlashVideo.由于它形成的文件极 ...

  9. 看懂影片标题,各种电影视频格式标题的含义

    一.资源片源解析 根据命名,可以知道资源的来源,从而判断资源画质的好坏. 1.CAM(枪版)--珍爱生命,远离枪版  CAM通常是用数码摄像机从电影院盗录.有时会使用小三角架,但大多数时候不可能使用, ...

最新文章

  1. 怎样推断一棵二叉树是全然二叉树
  2. Xshell 无法连接虚拟机中的ubuntu的问题
  3. python计算时间装饰器_python 写一个计算运行时间的装饰器
  4. Qt文档阅读笔记|Qt实践| HTTPS知识点-获取某站点SSL证书
  5. Spring Batch之批处理实践
  6. 知识计算机硬件 教学设计,“计算机硬件系统”教学设计
  7. 集成Glide4.3.1出错!AbstractMethodError: abstract method void com.bumptech.glide.module
  8. JSP程序设计 第2版 pdf
  9. 使用Bus Hound抓USB转串口数据包,助力问题分析
  10. eclipse安卓插件ADT下载地址
  11. Jetson Nano安装ROS错误合集
  12. 再论人与人的三大关系:生存关系、性关系和经济关系
  13. ORACLE 各类博客
  14. 语雀、在线文档与知识库的陈年往事
  15. post获取网页post用法
  16. 面试官问我:未来五年的职业规划..我是这样回答的
  17. NSIS:静默释放文件并运行 制作绿色单文件软件
  18. Matlab表白520绘图爱心
  19. 中国石油大学计算机摸底考试试题,2017年中国石油大学(华东)计算机与通信工程学院859数据结构考研仿真模拟题...
  20. vue制作点击切换图片效果

热门文章

  1. [读书笔记]My Life--Bill Clinton
  2. ubuntu系统中root的2种pip路径
  3. HBase-site.xml 常见重要配置参数(转载)
  4. Spark Streaming在Spark Web UI上的显示办法
  5. 多进程减少多个文件的内存占用
  6. C++ STL:unordered_map::begin()函数不一定返回第一个元素
  7. ArrayList与数组
  8. VMvare虚拟机简介、VMvare虚拟机的相关操作和管理
  9. Opencv中的阈值函数
  10. 源码编译依赖关系一例小结