Ogg、MPEG4、WebM。
网站建设哪家好，找成都创新互联公司！专注于网页设计、网站建设、微信开发、成都小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了汉源免费建站欢迎大家使用！
MP4等于MPEG4文件使用H264视频编解码器和AAC音频编解码器。WebM等于ebM文件使用VP8视频编解码器和Vorbis音频编解码器。Ogg等于Ogg文件使用Theora视频编解码器和Vorbis音频编解码器。
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。
html通过file获取文件路径方法：
File f = new File(this.getClass().getResource("/").getPath());
System.out.println(f);
结果:
C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin
获取当前类的所在工程路径;
如果不加“/”
File f = new File(this.getClass().getResource("").getPath());
System.out.println(f);
结果：
C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin\com\test
获取当前类的绝对路径；
html5
html5是指万维网的核心语言、 标准通用标记语言下的一个应用 超文本标记语言（ HTML）的第五次重大修改（这是一项推荐标准、外语原文： W3C Recommendation、见本处 参考资料原文内容： ）2014年10月29日， 万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。
HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式，包括新的解析规则增强了灵活性、新属性、淘汰过时的或冗余的属性等。
标准通用标记语言下的一个应用 HTML标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁，为了推动Web标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext Application Technology Working Group （Web 超文本应用技术工作组 - WHATWG） 的组织。WHATWG 致力于 Web 表单和应用程序，而 W3C（World Wide Web Consortium， 万维网联盟） 专注于 XHTML2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。
HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML 工作团队。
打开Windows
7资源管理器（Windows
Explorer），左侧是一个导航窗格，包括：收藏夹，库，家庭组，计算机，网络。这些项目链接到文件夹，硬盘或者其他电脑系统。找到文件名为html5的文件就可以打开
打开软件，选中创建项目
2/10
选中创建项目后选择static
web,下一步执行
3/10
输入
项目名及文件存储的目录
4/10
点击确定，关闭窗口
5/10
创建的项目名称后，文件打开为
6/10
右键点击项目，新建html
7/10
创建html5页面，名称及类型
8/10
点击确定后出现页面
9/10
输入要显示的内容，鼠标放到右边会出现浏览器直接点击
10/10
点击浏览，就可以方便的查看自己的html
使用intellij
idea如何创建项目
如何使用HTML5进行文件拖放
1.实现将文件拖放到页面元素上
2.在JavaScript中分析被拖放的文件
3.在客户端上加载和解析文件
4.使用XMLHttpRequest2将文件异步上传到服务器
5.上传时，显示图形进度条
6.使用进程增强( progressive enhancement)以确保文件上传表单在所有浏览器正常工作
7.纯JavaScript代码，不使用其它库。
在HTML5里，从Web网页上访问本地文件系统变的十分的简单，那就是使用File API。这个File规范说明里提供了一个API来表现Web应用里的文件对象，你可以通过编程来选择它们，访问它们的信息。这个File API包括：
一个FileList序列，代表着由本地系统里选中的单个的文件组成的数组。用来选择文件的用户接口可以通过input type=”file”调用实现。
一个Blob接口，它代表原始二进制数据，通过Blob对象你可以访问里面的字节数据。
一个File接口，它里面存有文件的只读属性信息，像文件名，文件类型，文件数据访问的地址。
一个FileReader接口，它提供了读取一个文件的方法，和一个获取文件读取结果的事件模型。
一个FileError接口和一个FileException对象，它们用来定义这个规范中的错误产生条件。
如何使用这个例子：在这个例子中，我给出了一个画板，你可以从本地文件系统里拖拽进去一个图片，或者你也可以用文件选择框来选择图片。例子中，请只选择图片文件，我并没有添加文件过滤和文件类型检查。请记住，没有一个浏览器完全实现了HTML5，这个例子需要在支持HTML5的浏览器上运行，比如Firefox3.5以上。
实现File API的主要方法非常的简单，就像下面：
function imagesSelected(myFiles) {
for (var i = 0, f; f = myFiles[i]; i++) {
var imageReader = new FileReader();
imageReader.onload = (function(aFile) {
return function(e) {
var span = document.createElement(‘span‘);
span.innerHTML = ['img class="images" src="', e.target.result,'" title="', aFile.name, '"/'].join(”);
document.getElementById(‘thumbs’).insertBefore(span, null);
};
})(f);
imageReader.readAsDataURL(f);
}
}
function dropIt(e) {
imagesSelected(e.dataTransfer.files);
e.stopPropagation();
e.preventDefault();
}
选择在td上放置ondrop事件：
td align=”left” height=”105″ ondragenter=”return false” ondragover=”return false” ondrop=”dropIt(event)”
output id=”thumbs”/output
/td
