HTML 5 <video>标签与Flash视频。优缺点都有什么？

重要更新

这个问题是9年前提出的。那是有道理的，但现在没有。Flash很难解决。<video>支持无处不在，包括移动设备。Flash几乎可以做任何事情，HTML现在也可以做。HTML赢了，Flash丢失了。如果您正在考虑如何在页面中嵌入视频，请使用它<video>，不要再三思。保留该问题仅出于历史价值。

原始问题

<video>如今，新标签似乎大肆宣传，尤其是因为Firefox现在支持它。有关此事的消息在各地的博客中突然出现，每个人似乎都感到兴奋。但是关于？

在搜索的过程中，我找不到能使它比老式Flash视频更好的任何东西。实际上，我只看到它的问题：

• 所有浏览器都开始支持它尚需时日，大多数人升级还需要更多时间。
• Flash已经可用，每个人都拥有。
• 您可以将Flash与想要控制播放的任何精美UI结合使用。我认为该标签也可以控制（可能通过JavaScript），但是它可以全屏显示吗？

<video>我可以看到的标签的唯一两个优点是：

• 它更“语义化”-可能对包括我在内的很多人都不重要。
• 它不依赖于一个单一的商业第三方实体（Adobe）-我也不认为这是切换的迫切原因，因为免费播放器和视频转换器已经可用，并且Adobe不会以任何方式阻碍整个过程（甚至不符合他们的利益）。

那么...有什么大不了的？

添加：

好，所以还有一个专业版...也许。支持移动设备。虽然很难说。关于该主题，我想到了很多想法：

• 究竟有多少移动设备无论是Flash还是其他方式都能以适当的速度解码视频？
• 主流移动设备获得<video>支持需要多长时间？即使可以通过更新获得，实际上有多少人呢？
• 有多少人根本在手机上观看网页上的视频？

至于语义部分-我知道搜索引擎现在可能能够更好地检测视频，但是...它们将如何处理它们？OK，所以他们知道页面中有视频。和？他们无法将视频编入索引！我想在这里再谈一些论点。

添加：

刚想到另一个缺点。这开辟了跨浏览器不兼容的全新领域。HTML和CSS在这方面已经很混乱。至少Flash到处都是一样的。但这足以让至少一个主要的浏览器供应商决定拒绝使用该<video>标签（任何人都可以说“ Internet Explorer”吗？），并且我们有一个不错的新领域可供探索。

添加：

一位专业人士刚刚加入。更多竞争=更多创新。确实如此。给Adobe更多的竞争可能会迫使他们在Flash迄今为止缺乏的领域中进行改进。许多人都提到Linux似乎是它的弱点。

这里有很多优点，就像武术的格斗风格一样，每个要点都有其作用力，并且可以防御。但是每个人都可以通过适当的行动来击败。

站在有关“专有”插件的争论上的任何人都将很快陷入困境。微软，苹果和Adobe都感到内，但这仅是商业。您不会一夜之间就改变业务，而新标签（如<video>）所支持的每层复杂性（支持非常技术性的界面）将导致*每个浏览器的实现方式略有不同。

HTML 5现在可以使用，Flash也可以。如何它的实现，技能它所指这个定义每个资源，无论是员工的表现，站长的力量，或者一个领域的影响力。

尽管我只有40岁，但是当橙色或绿色的单色显示器成为颜色选择时，我才开始编程，并且硬件安装随附了祈祷书而非说明手册。也许当您的硬件无法配置调制解调器时，您可能会找出调制解调器的AT命令，而64K RAM就像WOWWWWW！

与该废话相比，HTML 5 / Flash是一个小麻烦。让我们所有人学习如何在社区中合作以获得更好的资源。有一个开源Flash项目，它将有bug。HTML 5也会如此...

这里的每个论点都是正确的，但不一定是有成果的。将这些能量用于解决方案。

想象一下，如果没有img标签。如果需要图像，则必须使用第三方插件，这确实很慢，并且没有将其嵌入页面的标准方法。您无法通过这种方式轻松复制图像，并且搜索引擎基本上不知道是图像，游戏还是其他东西。

没有这个，就没有可用的图像。

然后想象一下发布了一个浏览器，它只允许您使用这个新img标签。

视频（和音频）标签是使事情正常工作的合理方法。我们不需要第三方插件即可使用完全标准的媒体格式。

<video>的最大好处？ 这很容易。 疯狂的容易。太容易了。您的祖母可以轻松编写视频标签。<video src =“ myfile.ogv”> </ video>，您已完成。

<video>对您的用户也有明显的好处。他们得到了一个浏览器本地的视频播放器，它可能非常高效。他们获得一致的UI，并且不会因站点而异。可能未实现Flash的移动浏览器仍可以实现<video>。

唯一的缺点是临时的，那就是兼容性。IE8不支持<video>，距离IE9的广泛安装尚需时日。同样，在支持视频的编解码器方面也有一些争执-Firefox，Chrome和Opera都支持Ogg Theora和WebM，而Safari和IE都在发行H.264（尽管两者都可以通过适当的编解码器支持Theora / WebM）。 。目前，这仅意味着您必须以两种格式发布视频，并为它们提供源元素，即：

<video>
  <source src='video.webm' type='video/webm'>
  <source src='video.mp4' type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
</video>

要增加对IE 8和更早版本以及其他下级客户端（例如FF / Safari / Opera /等旧版本）的支持，只需将标准视频嵌入代码放在<video>标记中的<source>元素下方。如果浏览器支持<video>，它将忽略嵌入。如果不是，它将忽略<video>并运行embed。

在非Windows平台上，Flash运行缓慢且效率低下。它具有潜在的安全漏洞。它在您不知道的计算机上存储“ Flash Cookie”。iPhone上没有闪光灯，而且不会出现（由于它是专有的并且CPU消耗很高）。

HTML 5：它会杀死Flash和Silverlight吗？是一篇可以回答您问题的文章。

可能还有更多原因。

在非Windows平台上，Flash确实令人头疼。它不仅速度慢，效率低（正如其他人指出的那样），而且也不是很稳定。正如我们在最近的苹果WWDC，“浏览器插件”教训（阅读：闪存）占了大部分的所有应用程序跨崩溃所有的Mac OS X（和“多数”，我的意思是有些高得离谱数字，如80％或的东西，记不清确切的数字）。这是在Mac OS X上出现的一个问题，对于Snow Leopard，Apple重新设计了Safari，使Flash不仅运行在沙盒中，而且实际上是一个完全独立的进程，因此，当Flash崩溃（而不是如果崩溃）时，Safari总体上不受影响。

为什么OS X上的Flash不稳定以及性能不佳，这就是为什么...

• ... iPhone现已没有Flash，也不太可能很快推出。我不同意人们不想在移动设备上观看视频这一前提，这是不同意的。这就是为什么苹果公司特别安排YouTube在h.264中投放其内容，以便允许其在iPhone上播放。我为其中之一高兴地花了10美元买了MLB 2009，正是因为我可以在我的iPhone上观看视频，如果它们使每个游戏都可以实时观看，我会付出更多。
• ...如此多的Mac OS X用户（如我）正在为其浏览器安装Flash阻止程序。根据我的选择，未经我的明确许可，Flash内容甚至不再加载到我的浏览器中。自安装以来，我的CPU使用率已大大降低，并且浏览器崩溃基本上已经消失。当然，这对我来说是个好消息，但对任何希望向我投放基于Flash的广告的广告客户而言，这都是个坏消息。

就用户必须了解有关编解码器的一切而言，您可以使用简单的非Javascript html代码来避免此问题，并为他们提供适当的编解码器（包括Flash，如果其浏览器不支持OGG或h.264）。在本文中找到。

优点：

1. 您可以轻松使用标记，并使其降级为Flash或其他文件类型/编解码器，以实现向后兼容， 而无需使用javascript。
   • 不需要专有插件
   • 与平台无关，而与Flash无关（请参阅第2章）
   • 使用它会鼓励其他浏览器供应商实施它（称为IE）
   • 标签具有语义。
   • 内置于浏览器中。
   • 没有供应商锁定

缺点：

1. 这是未完成标准的一部分。
   • 一小部分已安装的浏览器支持它 <-不是问题（请参阅第1篇）
   • 浏览器供应商尚未就标准编解码器达成共识<-也不是问题，请参阅nr中的链接。1）

video标签是html 固有的，这也是一个优势，因此可以很好地集成。这听起来像是非问题，但事实并非如此。例如，您可以使用一些HTML标题覆盖视频。HTML标题可以使用与同一页面上的其他标题相同的样式。

您还可以对视频元素应用一些（将来的）CSS过渡：查看此演示。

Adobe的Flash Player（作为插件）没有考虑到浏览器的任何隐私设置，而Adobe并未积极向普通用户表明所存储的内容。仅此一个理由就是停止使用Flash（或任何视频插件）并欢迎使用的好理由<video>。

有关隐私问题（不要与安全问题或漏洞混淆）的一些详细信息，请参见如何自动删除Flash历史记录跟踪？在超级用户上。

就像评论中提到的Vilx一样：当用替换Flash-video时，这些隐私问题仍然存在<video>，因为Flash的使用方式很多。不过，一旦<video>获得支持，提供视频（并且不以其他任何方式使用Flash）的网站所有者将可以选择不向访问者添加这份记录较差的Flash网站记录的负担。

（编辑：我用SU的链接替换了细节，这提供了更多的见解；下面的某些评论仅对以前的版本有意义。）

对我而言，拥有内置计算机或其他第三方播放器来播放视频比Flash可以高效得多是非常好的。并非所有平台都具有Flash：iPhone和Android（至少目前如此），其中的标记可能会更早生效。也不谈论Linux，因为Flash的表现非常差。

关于Internet的语义化，这对您可能很重要。我不确定像Google和Bing这样的搜索引擎如何找到视频，但可能他们只是知道一些Flash视频实现，因此第三方小型播放器没有机会。如果我们都使用相同的标准标签，那么每个人都在一个公平的竞争环境中。

优点：

• Ogg / Theora / Vorbis对链的所有方都是免版税的（用于托管 H.264 的H.264宽限期于2015年底结束，编码和解码已受到版权保护）
• 不再需要IE的后备功能，<video>它将比Flash容易
• 无需插件监狱-浏览器供应商可以修复自己的错误
• 与CSS效果集成
• 与SVG效果整合
• 与JavaScript集成
• 无需Adobe许可即可移植到任何平台
• 用户可以轻松地将视频保存到磁盘
• 可以在联合供稿中安全工作（但尚未准备好软件）

缺点：

• IE对视频元素的支持必须等到IE9；当前与IE兼容的Ogg后备渲染器依赖Java，直到ActiveX解决方案或Silverlight解决方案完成为止
• Safari需要XiphQT才能播放Ogg，因为Apple尚未发货Theora。
• iPhone需要使用版权费的格式（但不比Flash差）
• 今天无法在所有台式机实施中全屏显示

64位，Linux支持会很好。该区域仍然缺少Flash（两千个，九个）。有一些真正的竞争总是好的。如果主要视频网站开始在Flash侧面使用Flash，甚至取代Flash；那将是我需要的一个更少私有的程序。开源意味着更快的创新。给它时间，人们将创造一种方式来交付受DRM保护的视频。

Flash的更多优点：

• 与浏览器供应商（仍然有大量IE6用户）相比，Adobe可以更快地向广大受众（通常不到90％的用户升级到最新版本的Flash）向视频添加新功能和新编解码器。该浏览器于2001年问世）。

• 我猜想在Flash中找到的功能最终会在浏览器中使用，但尚不存在：

  • 全屏视频（有一个支持此功能的Firefox加载项，但还没有浏览器本机运行）
  • 摄像头，只有少数网站使用此摄像头，但是如今，使用摄像头和Flash中的增强现实技术确实发生了一些非常酷的事情
  • 对等视频，是刚刚添加到Flash Player 10中的，随着Flash 10的普及率接近90％，我想您会看到更多

就像那些说Flash无法建立索引的人一样，请查看Google最近通过Adobe提供的无头播放器对Flash内容建立索引的方式。所以如果你做一个 Google中搜索FLV文件，则可以看到Google已经为Flash视频文件编制了索引。

同时，Adobe Premiere CS4具有语音识别功能，它将以XML格式输出视频文件的字幕，该字幕可以很容易地在Flash视频中使用。因此，期望Flash视频在将来会变得更加可搜索。

1. 如今，许多移动设备都支持 ：iPhone，iPod Touch，Symbian S60，Android等

2. Mozilla Firefox，Google Chrome，Apple Safari和Opera均支持标记（授予，您需要编码为2种格式：H.264和Ogg Theora。但是，您可以将H.264视频与Flash或Silverlight重复使用适用于旧版浏览器和Internet Explorer的故障保护

• 用户可以控制UI：他们可以选择要下载和使用的浏览器，并取决于其工作方式（我不确定细节，但我熟悉这个概念），甚至可以保留它们浏览器，然后为其选择处理程序npapi插件。您使用卑鄙的动作脚本视频控制界面而被困了多少次，因为您所在站点的开发人员懒得正确执行（或使用flowplayer）。我说，给用户供电！

• 它的开源。现在，我不是RMS或其他任何人，与道德或类似的东西无关，但是OSS只是一种更有效，更好的方法。它产生更好的代码。

• 更好的平台支持。现在，Linux + Flash =不好。Adobe是唯一可以做任何事情的人。糟透了

• 就像你说的那样，更多的语义。

塞思拥有大多数大公司。我能想到的其他人：

• 测试矩阵的大小爆炸了（我看到一个错误仅在具有Flash 9.0.48的IE7上发生-您要在每个浏览器中测试多少次Flash版本？）
  • 即使您只选择要支持的一个确切版本，并强迫其他人升级/降级，也不是“ Flash到处都是一样的”：“ IE的Flash插件”和“其他人的Flash插件”不是甚至没有相同的二进制文件（是的，很重要：它们以不同的方式访问网络，这是我的IE7 / F9错误的一部分）
• 每个人都编写自己的播放器，因此用户界面和可靠性不一致
• 允许浏览器为HTML5视频实现全屏显示选项，这意味着它们都将很快出现（如果许多还没有的话）（许多Flash视频播放器都具有这种功能，但许多还没有）
• 不，不是每个人都拥有Flash（当然，它现在比HTML5视频更常见，但这并不是所有快乐的糖果游戏之地）
• 脚本编写是一个巨大的痛苦（具有自己的DOM，事件，不完全的ECMAscript语言等）
• 如果您不在Windows上，它的性能会非常糟糕（在Mac OS X下的Windows虚拟机中运行它比运行本机Mac插件少5-10倍的CPU）
• 它具有糟糕的稳定性（至少3年以来，我所见过的每次浏览器崩溃都出现在Flash页面上；如果您的视频杀死了整个浏览器，即使真正是Adobe的错，他们也不会回来）
• 它不能在很多地方运行，例如在64位进程中运行（如果您的用户偶然启动了“ Internet Explorer（64位）”而不是“ Internet Explorer”，launch，没有视频）

简而言之，使用Flash的唯一原因是“今天大多数人都安装了Flash”-只要持续使用，这可能是一个很好的理由。

与SWF文件中定义的一些晦涩的方法（需要解析）相比，现在浏览器通过常规HTTP获取视频文件，因此您现在可以拥有还可以缓存视频文件的Web代理！以及具有非常强大的浏览器能够缓存视频文件。

HTML5优点：

1. 它支持用于视频对象的全新DOM API，您可以编写可与新HTML5标签进行交互的脚本。
2. 您可以检测到不同的视频格式支持播放，暂停和跟踪视频播放。
3. 它已经得到很好的支持。Firefox，opera，chrome已支持chrome，video等。甚至youtube也在测试HTML5播放器。

Flash Pro / HTML5缺点：

1. Flash无处不在。因此，HTML5会花很多时间才能赶上。
2. Flash支持广泛的功能，例如HW渲染，高清视频支持，其支持的动画功能都是不可替代的（？）
3. DOM API永远不会取代Flash已支持的AS2 / AS3功能。
4. 只需算出专业Flash开发人员的数量即可...除非HTML5回答所有问题，否则他们将永远不会切换。有许多Flash开发人员尚未从AS2切换到AS3 ：-)

这是我在2012年使用HTML 5的优点：

1. 我正在使用youtube的HTML5跟踪。现在，Flash Player不会一直崩溃。现在，我的计算机可以稳定运行数周。现在，我更快乐。
2. 每当我像使用Flash一样重新启动计算机时，都看不到“更新HTML5播放器”。
3. 一旦随处可见嵌入式视频都可以使用HTML 5，我就可以从计算机上删除Flash，因为我唯一的用处就是播放视频。
4. 这是网站开发人员的专业人士：我有一个Flashblocker，因为Flash有多烦人。我没有HTML5阻止程序。网站管理员有第二次机会向我发送内容。
5. HTML5可能会在浏览器上正确实现，而不是大多数计算机上的第一安全漏洞。

我对专业人士的信念：

• 它正在将HTML标准赶上Web的当前实际使用。
• 使移动设备支持视频/音频标签似乎比将Flash移植到设备更容易/更好。
• Ogg是开放标准，而Adobe控制Flash。
• 我已经在某些地方看到人们提出了一些解决方案，这意味着如果您的浏览器不支持视频/音频标签，它将使用Flash。
• 与标准HTML元素和javascript的交互更轻松。

我最大的缺点是，Ogg在压缩和质量方面有些落后。但我想它正在开发中。更重要的是，如果更多的人开始采用它，那么更多的人可能会加入Ogg的工作以使其更完善。

竞争也是关键，因为没有主要的参与者强迫Adobe真正使用Flash做任何事情。因此，Adobe可以根据网络上的视频内容来控制市场。

我相信这将破坏Flash，因为iphone和android等开源手机的开源标准支持以及桌面OS支持可以迅速实现。OGG格式允许我通过常规的http连接跳过视频文件。我可以右键单击并保存文件（如果允许），共享和传输这些文件将更加容易。作为“适当”的标记，可以使用专门的设备访问Internet的数千个用户中的一百个浏览。作为“适当”的dom元素，它可以与javascript通信，从而使其能够与页面的其余部分完全交互，最后，Microsoft拥有在推广其专有解决方案的同时假装忽略即将出现的标准的记录，当用户需求达到顶峰时，他们会完全放弃方向舵并推出实施方案以保护其用户群。Flash一直是网络上视频的唯一选择，但就其本身而言，Flash是一种出色的软件，而且用了很长一段时间，我认为它占据了一定的位置，但是对于视频来说，它一直是“唯一选择”的运行者。

我会说使用<video>Flash而不是Flash 的绝对优势在于，我将能够在浏览器中观看视频而不会崩溃或变慢。我使用的是64位OpenBSD，因此我只能使用gnash，并且仅在感到非常冒险时才启用gnash，因为大多数情况下，我会遇到Flash横幅广告，并且我的浏览器（Firefox 3.5）会崩溃。

我的手机浏览器不支持Flash，但支持视频标签（它也不是一款过于“花哨”的手机）。

关于这一点：

“至于语义部分，我知道搜索引擎现在可能能够更好地检测视频，但是……他们将如何处理它们？好吧，所以他们知道页面中有视频。并且​​？他们无法将视频编入索引！我想在这里提供更多参数。”

如果进行了适当的优化，则视频将包含一个成绩单，搜索引擎可以读取该成绩单，并相应地泄露有关该视频的所有信息。我想他们可以将视频页面编入索引吗？至于它的价值...我想我不必看我不需要的废话，找到我需要的东西，我会确切地知道视频中有什么

您今天就可以使用Flash ...这是覆盖所有受众的最现实的方式。

（FD：我为Adobe工作）

我的理解是，关于标签的重要之处在于它是一个开放标准。当只有一个供应商可以实现Flash时，您会束手无策地实现/移植到新平台，浏览器甚至浏览器版本。

令人兴奋的是该级别，而不是实施细节上的不足。担心技术上的优势与关注法西斯政府使火车准时运行的能力差不多。

从现在开始的5到10年内，最好使用HTML 5的某些功能...

我们仍然有太多的访问者使用Internet Explorer 6来忽略他们，这还需要一段时间，我们甚至可以继续只测试IE7 +页面。

我认为这些答案中的大多数都与此相吻合：Flash主要是针对大众市场而设计的，因此它提供了覆盖大部分市场的最简单方法，但是它不足以覆盖不太常见和新兴的平台（即不稳定的Linux）而且没有iPhone）。从第一天开始，这就是Flash的故事。这实际上是一个案例研究，说明专有软件和OS软件之间的差异（并相互补充）。

另一方面，我认为大多数答案都严重低于编解码器的角度。Flash视频在当今的网络中占主导地位的一个主要原因是：这是唯一的原因发布单个版本的视频并期望超过一半的观众可以观看方法。尽管视频标签的设计看起来不错，但只要将多个源文件与用户已安装的编解码器进行匹配，仍然很难知道需要多少个编解码器才能覆盖一定比例的受众，也很难知道人们是否会随着新编解码器的出现进行升级。Flash视频的数量更多，而且对于广大观众来说，有相当不错的升级期望。

我也认为大多数答案中的性能角度也被夸大了。确实，Flash使用的CPU比我拥有的任何其他播放器都要多，但它的启动速度也要快得多-数量级。当我看到带有嵌入式MPG的网页时，我的浏览器在QuickTime启动时会冻结15+秒，如果已经运行，则可能只会冻结5秒。（几乎与PDF一样糟糕；））显然，Flash在某些方面效率较低，但从我的角度来看，它在其他方面效率更高。就像涉及任何软件解决方案的权衡一样。

缺点之一是，由于浏览器供应商之间的分歧，当前的html 5规范无法在单个编解码器上达成一致。

从下面的文章：

“经过公开和私人的激烈讨论，关于HTML和HTML 5编解码器的情况，我很不情愿地得出结论，没有合适的编解码器，所有供应商都愿意实施和发布。”

浏览器供应商争吵

最终，即使您确实使用了视频标签，也可能并非所有浏览器都支持您的视频编解码器，即使它们确实支持该标签。

正如其他人提到的那样，这可能不会带来任何实际问题，但是我相信必须使同一文件的多个版本可用肯定是负面的。

我最近一直在为我现在正在建立的网站阅读有关此内容的信息。我现在已经使用Flash视频了，因为发布很快。另外，我们在共享的托管环境中，因此所有视频转换必须在视频上传之前完成。我不想让客户端为每个视频上传两个版本。

但是，最终，我确实想切换到打开视频。看起来很酷。我看过一个演示，该演示使用javascript在视频上覆盖字幕，在没有javascript的情况下，该视频会优雅地降级为视频下方的文字记录。（我认为那在A List Apart上。）Mozilla进行了一些有趣的演示。http://arstechnica.com/open-source/news/2009/05/google-dailymotion-endorse-html-5-and-standards-based-video.ars

Flash由一家公司控制。该公司可以决定如何处理Flash的未来，没有其他人可以影响Flash。举例来说，假设他们（Adobe）突然决定收取使用Flash的许可费用。数以百万计的网站将因此而发生什么？

我们需要采取行动，那就是现在。我们必须使用开放标准，我们确实非常需要它。这是使标签出血对世界变得重要的唯一原因。

（Flash的许可费可能看起来或可能不是来自Adobe的现实举动，但这无关紧要。我的观点是，它们在控制之中。另一件事可能是Adobe决定取消Flash。想象一下那会发生什么，如果没有标签。）

Flash的当前状态为：

Flash Desktop平台：

• IE浏览器
• 微软边缘
• Safari（Mac）
• 铬
• FF
• 歌剧

移动浏览器：

• 没有

因此您不能在移动浏览器上使用Flash视频，因为默认情况下未预先安装Flash Player。

最佳方法-在不支持HTML5视频的浏览器中使用带有Flash回退功能的HTML5视频。