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


Answers

想象一下,如果没有img标签。 如果你需要图片,你必须使用第三方插件,这非常慢,没有标准的方法将其嵌入到页面中。 你不能以这种方式轻松地复制图像,而搜索引擎基本上不知道它是一个图像还是一个游戏或任何东西。

没有这个,没有图像可用。

然后想象一下,发布了一个浏览器,让你使用这个新的img标签。

视频(和音频)标签是一种合理的工作方式。 我们不需要第三方插件来使用完全标准的媒体格式。

Question

似乎新的<video>标签是最近的所有炒作,特别是在Firefox现在支持它的情况下。 这个消息在各地的博客中爆发出来,每个人似乎都很兴奋。 但是关于?

就像我搜索的那样,我找不到任何能比好的旧Flash视频更好的东西。 事实上,我只看到它的问题:

  • 在所有浏览器开始支持它之前还有一段时间,大多数人升级之前还有更多的时间。
  • Flash已经可用,每个人都有它;
  • 您可以将Flash与任何想要控制播放的奇特UI相结合。 我收集到的标签也可以控制(可能通过JavaScript),但它能够全屏显示吗?

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

  • 它更“语义” - 可能对包括我在内的所有人都不重要;
  • 它不依赖于单一的商业第三方实体(Adobe) - 我也不认为这是一个令人信服的理由,因为免费播放器和视频转换器已经可用,并且Adobe不会以任何方式阻碍整个流程(这甚至不符合他们的利益)。

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

添加:

好的,所以还有一个Pro ...也许。 支持移动设备。 很难说。 一些想法在我的脑海中围绕着这个问题展开:

  • 无论如何,有多少移动设备实际上能够以合适的速度对视频进行解码?
  • 主流移动设备获得<video>支持需要多长时间? 即使通过更新可以获得,但实际上有多少人这样做?
  • 有多少人在他们的手机上观看网页上的视频?

至于语义部分 - 我知道搜索引擎现在可以更好地检测视频,但是...他们将如何处理它们? 好的,他们知道页面中有一个视频。 和? 他们无法索引视频! 我想在这里有更多的论点。

添加:

只是想到另一个缺点。 这开辟了跨浏览器不兼容的全新领域。 HTML和CSS在这方面已经非常混乱。 闪光至少在每个地方都一样。 但至少有一家主要的浏览器厂商可以根据<video>标签决定是否足够(任何人都可以说“Internet Explorer”?),我们还有一个不错的新领域需要探索。

添加:

Pro刚刚进入。更多的竞争=更多的创新。 确实如此。 给予Adobe更多的竞争可能会迫使他们改进目前缺乏的Flash领域。 许多人认为Linux似乎是一个弱点。




It will be nice to use some of the HTML 5 features... in 5-10 years from now...

We still have too many visitors using Internet Explorer 6 to ignore them, it will be quite some time before we can even move on to only testing the pages for IE7+...




Adobe的Flash播放器(作为插件)不考虑浏览器的任何隐私设置,而Adobe并未主动向普通用户明确所存储的内容。 这是停止使用Flash(或任何视频插件)并欢迎<video>一个很好的理由。

有关隐私问题的一些细节(不要与安全问题或漏洞混淆)可以在如何自动删除Flash历史记录中找到? 在超级用户。

就像在评论中指出的那样:在用<video>替换Flash视频时,这些隐私问题仍然存在,因为Flash有许多用途。 但是,一旦支持<video> ,那么提供视频(并且不以任何其他方式使用Flash)的网站所有者将有权选择不使用访问过的Flash网站的这种记录不佳的记录给访问者造成负担。

(编辑:我用SU链接取代了细节,这提供了更多的见解;下面的一些评论只会对以前的修订有意义。)




I would say the definite pro of using <video> instead of Flash is that I will be able to watch videos in my browser without having it crash or go crazy slow. I use 64bit OpenBSD, so gnash is all I can get and I only enable it when I'm feeling really risky because most of the time I'll come across a flash banner ad and my browser(firefox 3.5) will crash.

And my mobile phone browser doesn't support flash, yet it supports the video tag(and it's not an overly "fancy" phone either).




Current state of Flash is:

Flash Desktop platforms:

  • IE
  • Microsoft Edge
  • Safari (Mac)
  • FF
  • Opera

Mobile browsers:

  • 没有

So you can't use Flash video on mobile browsers because Flash Player is not pre-installed by default.

Optimal way - using HTML5 video with Flash fallback for those browsers where HTML5 video is not supported.




Since now the browser gets the video file via regular HTTP, as compared to some obscure method defined in the SWF file (which would need to be parsed), you can now have web proxies that can also cache video files! As well as have the very browser be able to cache a video file.




优点:

  1. 您可以轻松使用该标签,并让其降级为Flash或其他文件类型/编解码器以实现向后兼容, 而无需使用JavaScript
    • 不需要专有的插件
    • 独立于平台,而不是Flash(参见第2节)
    • 使用它将鼓励其他浏览器供应商实现它(以IE浏览器的形式阅读)
    • 标签具有语义意义。
    • 内置于浏览器中。
    • 没有供应商锁定

缺点:

  1. 这是未完成标准的一部分。
    • 只有很少的已安装浏览器支持它< - 不是问题(请参阅专业版1)
    • 浏览器供应商尚未就标准编解码器达成一致意见- - 也不是问题,请参阅nr。 1)



优点:

  • Ogg / Theora / Vorbis是免费的,所有参与方都是连锁(H.264的托管 H.264宽限期截至2015年底,编码和解码已经收取版税)
  • 一旦IE不需要回退, <video>将比Flash更容易
  • 无需插件监狱浏览器供应商可以修复自己的错误
  • 与CSS效果集成
  • 与SVG效果集成
  • 与JavaScript集成
  • 可以在未经Adobe许可的情况下移植到任何平台
  • 用户可以轻松将视频保存到磁盘
  • 可以在联合供稿中安全地工作(但软件还没有准备好)

缺点:

  • IE对视频元素的支持必须等到IE9; 当前IE兼容的Ogg fallback渲染器依赖于Java,直到ActiveX解决方案或Silverlight解决方案完成
  • Safari需要XiphQT才能播放Ogg,因为苹果公司没有出货Theora。
  • iPhone所需的版权保护格式(但不比Flash更糟糕)
  • 无法在今天发布的每个桌面实施中全屏显示



Flash在非Windows平台上速度缓慢且效率低下。 它有潜在的安全缺陷。 它在你的计算机上存储你不知道的“闪存饼干”。 iPhone上没有闪光灯,并且不太可能(由于其专有性和高CPU消耗量)。

HTML 5:它能否杀死Flash和Silverlight? 是一篇可能回答你的问题的文章。

那里可能有更多的原因。




  • 用户可以控制用户界面:他们可以选择他们想下载和使用的浏览器,也可以根据它的工作原理(我不确定细节,但我熟悉这个概念),甚至可以保留它们浏览器,并选择它的处理程序npapi插件。 你有多少次使用低级动作视频控制界面卡住了,因为你所在站点的开发人员太懒惰了(或使用flowplayer )。 给用户的权力!我说。

  • 它的开源。 现在,我不是RMS或任何东西,它与道德或其他任何事情无关,但OSS只是更有效,更好的方式。 它产生更好的代码。

  • 更好的平台支持。 现在,Linux + flash =坏。 Adobe是唯一一个可以对此做任何事情的人。 这很糟糕。

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




I've been reading around this recently for a site I'm building now. I've gone with Flash video for now, because the launch is pretty soon. Also, we're on a shared hosting environment, so all video conversion has to be done before the video is uploaded. I don't want to ask the client to upload two versions of each video.

But, ultimately, I do want to switch to open video. It looks pretty cool. I've seen a demo which uses javascript to overlay subtitles on a video, degrading gracefully in the absence of javascript to a text transcript below the video. (I think that was on A List Apart.) And Mozilla have some fun demos up. http://arstechnica.com/open-source/news/2009/05/google-dailymotion-endorse-html-5-and-standards-based-video.ars




I believe this will demolish Flash, as an open source standard support on iphone and android and other mobile handsets can be rapidly implemented as well as desktop OS support. The OGG format allows me to skip forward in the video file over a regular http connection. I can right click and save the file if allowed, sharing and transporting these files will be easier. As 'proper' markup it can be navigated by the literally 100's of thousands of users using specializad devices to access the Internet. As a 'proper' dom element it can communicate with javascript allowing it to fully interact with the rest of the page content, and finally, Microsoft have a track record of pretending to ignore upcoming standards while promoting their proprietary solution, as user demand peaks they throw the rudder full right and roll out an implementation to secure their user base. Flash has been the only choice for video on the web, but not for much longer, its an excellent piece of software in its own right and I see it holding some position, but for video it's only ever been an 'only choice' runner.




Here's my pros of HTML 5 in 2012:

  1. I'm using the HTML5 trail of youtube. Now flash player doesn't crash all the time. Now my computer is stable for weeks. Now I'm happier.
  2. I don't see an "update HTML5 player" whenever I reboot my computer like I do with flash.
  3. Once embedded video everywhere works with HTML 5, I can remove flash from my computer because the only use I had for it was to play videos.
  4. This is a pro for website developers: I have a flashblocker because of how annoying flash is. I don't have an HTML5 blocker. Webmasters have a second chance to send me content.
  5. HTML5 will likely be implemented properly on browsers instead of being the #1 security hole on most computers.



Flash的更多优点:

  • 与浏览器厂商相比,Adobe可以为广大用户更快地向视频添加新功能和新编解码器(通常不到90%的用户升级到最新版本的Flash)(仍然有大量的IE6用户在那里该浏览器在2001年推出)。

  • 我想象的Flash中的特性最终会使其成为浏览器,但目前还没有:

    • 全屏视频(有一个支持这个的Firefox附加组件,但浏览器本身还没有)
    • 视频摄像头,只有少数网站使用它,但是现在有一些非常酷的事情发生在Flash的视频摄像头和增强现实中
    • 点对点视频,刚刚添加到Flash Player 10中,随着Flash 10渗透率接近90%,我认为您会看到更多

正如那些说Flash不可转位的人一样,请检查一下Google最近为Flash内容编制索引所做的工作,这要归功于Adobe提供的无头播放器。 因此,如果您执行谷歌搜索FLV文件 ,您可以看到Google已经为Flash视频文件编制索引。

同时,Adobe Premiere CS4具有语音识别功能,能够以Flash格式轻松使用XML格式输出视频文件的字幕。 所以预计未来Flash的视频将变得更加可搜索。




You can use Flash today... it's the most realistic way to reach full-sized audiences.

(FD: I work for Adobe)






Related