HTML5格式与flash有何区别？有何优势？

1.Flash：YouTube上的FLV影片得通过一个SWF（Shockwave Flash）播放器播放，而这个播放器会呼叫Flash Player Plug-In来播放影片。 \x0d\x0a\x0d\x0a2.HTML5：YouTube上的M4V影片直接利用标签即可播放，而播放器是以JavaScript写成，一切都以浏览器内建功能完成.\x0d\x0a稳定性 \x0d\x0a\x0d\x0a Flash Player最大的问题就是容易宕，各位读者们在玩游戏、看影片时遇过Flash Player出问题的经验。早先Flash Player一当，就会让浏览器一起挂掉。于是Google Chrome一推出时，就强调每个程序都是分离的，如此一来浏览器就不会跟随一起挂掉。随后Mac OS X 10.6的Safari也加入这功能，Firefox 3.6.4版也会加入。 \x0d\x0a\x0d\x0a 然而，这样的功能仅是避免浏览器与Flash Player陪葬，要是Flash Player的稳定性不改进的话，问题还是没解决。而HTML5利用标签和JavaScript来播放影片，不需任何外挂就能达成，是相对稳定许多的。 \x0d\x0a\x0d\x0a 流畅度 \x0d\x0a\x0d\x0a 当网络影片从480p，逐渐支持到720p与1080p时，光是播放影片就要耗用相当多的CPU计算资源。桌面计算机有时播放都相当吃力，更别提CULV笔记本以及使用ATOM的小笔电了。于是Flash Player 10.1版中加入了硬件译码支持，利用GPU加速来降低CPU资源的耗用。之前也有实际测试数据比较Flash与HTML5谁比较吃资源，显示出，不管哪一种技术，硬件加速是降低CPU耗用的唯一解决方法。 \x0d\x0a\x0d\x0a Flash Player除了稳定性问题，支持跨平台（不包括Linux）、跨浏览器硬件译码是比HTML5具有优势。而HTML5最大的问题在于浏览器内建编码不统一。

向HTML中插入视频有两种方法，一种是古老的object标签，一种是html5中的video标签。

前者兼容性相对好些，后者兼容性让人头疼。

示例如下：

<video width="602px" height="345px" controls="controls">

<source src="public/video/test.mp4" type="video/mp4"></source>

<source src="public/video/test.ogg" type="video/ogg"></source>

your browser does not support the video tag

</video>

当前，video 元素支持三种视频格式：

格式 IE Firefox Opera Chrome Safari

Ogg No 3.5+ 10.5+ 5.0+ No

MPEG 4 9.0+ No No 5.0+ 3.0+

WebM No 4.0+ 10.6+ 6.0+ No 

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件 

注：格式必须符合上面三条详细要求，比如MPEG 4，必须是H.264视频和AAC音频。

扩展资料：

HTML

超文本标记语言，标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

参考链接：HTML_百度百科

HTML5 video是影片标签，可以在浏览器中很容易的插入影片，还能够设定影片长、宽、增加影片播放控制列、是否自动播放、是否自动重覆播放等功能，虽然使用HTML5 video影片标签来播放影片相当的容易，但现阶段要考虑浏览器的支援情形，例如IE 9才开始支援HTML5 video标签，其他主流的浏览器如Firefox、Chrome、Opera、Safari都有支援，但影片格式也有所差异，后方介绍。

HTML5 video影片标签语法

<video src="影片连结" controls></video>

HTML 5 <video>标签里的src是最重要的属性，影片连结就放在src=的右方引号内，另外可以加入几个控制选项属性，例如加入controls会出现控制功能列、加入width可以设定影片宽度、加入height可以控制影片高度、加入loop可以重覆播放、加入autoplay可以在影片准备好时自动播放、加入preload会在网页载入时就准备播放，不过如果同时使用autoplay与preload，会以autoplay属性为主。

浏览器对HTML5 video影片标签以及影片格式的支援

HTML 5目前所支援的影片格式有三种，分别为ogg、mpeg 4、WebM，这么多种格式不知道要怎么选择也没关系，<video>标签有支援多重影片功能，也就是说，可以将同一个影片，准备三种不同的格式，当网友用不同的浏览器开启时，<video>标签会自动根据当时的浏览器，播放适合该浏览器所支援的影片格式，这样就解决不知道该用哪种格式的问题了，但像是IE 7、IE 8等较旧的浏览器，本身并不支援<video>标签，所以依然无法顺利播放影片，以下准备了一张表格，提供给各位参考。

这张表上的浏览器支援影片格式可能随着浏览器的进化而有所改变，建议在使用影片格式同时，多测试当时的各家浏览器支援情况，目前看来Opera与IE的支援格式刚好相反，Safari与IE的支援格式刚好相同，而Chrome则是所有格式都支援，Google果然是HTML 5支持者。虽然有三种格式可以选择，但其实仔细看，不难发现，准备ogg与mp4两种格式，就可以满足大部分的浏览器了。

可以实现播放，这是我们的测试代码

<video width="500px" height="500px" controls="controls" autoplay="autoplay">

<source src="1.mp4" type="video/ogg" />

</video>

效果图：

---