加载中图片_1.html5新元素video

1.html5新元素视频

大多数视频都是通过插件（例如Flash）来显示的。然而，并非所有浏览器都有相同的插件。

HTML5 指定了通过 video 元素包含视频的标准方法。

提供播放、暂停和音量控件来控制视频。同时该元素还提供了宽度和属性来控制视频的大小。如果设置了高度和宽度，则页面加载时将保留所需的视频空间。如果没有设置这些属性，并且浏览器不知道视频的大小，则浏览器在加载时将无法预留特定的空间，页面将根据原始视频的大小进行更改。

插入在标签之间的内容供不支持视频元素的浏览器显示。

元素支持多个元素。元素可以链接不同的视频文件。浏览器将使用它识别的第一种格式。目前，该元素支持三种视频格式：MP4、WebM 和 Ogg。

	
		
		
	
	
		
video视频窗口
		
controls控制器
		
source 视频资源
		
src资源路径
		
type 播放资源的类型mp4，ogg，webm
		
	

HTML5 - 使用 DOM 进行控制

HTML5 元素也有方法、属性和事件。

并且可以使用 来控制元素的方法、属性和事件。

这些方法用于播放、暂停、加载等。可以读取或设置属性（如时长、音量等）。例如，DOM 事件可以通知您某个元素已开始播放、已暂停、已停止等。

	
		
		
	
	
		视频

		

		
		
		
		
		
	

2.html5新元素音频

大多数音频是通过插件（例如Flash）播放的。然而，并非所有浏览器都有相同的插件。

HTML5 指定了在网页上嵌入音频元素的标准，使用 .

目前， 支持三种音频格式文件：MP3、Wav 和 Ogg。

在 和 之间，您需要为浏览器不支持的元素插入工具提示文本。

元素允许使用多个元素。元素可以链接不同的音频文件，浏览器将使用第一个支持的音频文件。

要在 HTML5 中播放音频，需要使用以下代码：

	
		
		
	
	
		音频

		
	

3. 存储

什么是 HTML5 网络存储？

HTML5 Web 存储，比本地存储更好的方式。

使用 HTML5 可以在本地存储用户的浏览数据。

早些时候，使用的是本地存储。但网络存储需要更加安全和快速。数据不会保存在服务器上，但仅当用户请求网站数据时才会使用数据。它还可以存储大量数据而不影响网站的性能。

数据以键/值对的形式存在，一个网页的数据只能被该网页访问和使用。

和

客户端用来存储数据的两个对象是：

- 用于长期保存整个网站的数据。保存的数据在手动删除之前没有过期时间。

- 用于临时保存同一窗口（或选项卡）的数据。关闭窗口或选项卡后数据将被删除。

在使用网络存储之前，您应该检查您的浏览器是否支持和。

如果（（）！==“”）{

// 是的！支持对象！ // 一些代码...

} 别的 {

// 对不起！不支持网络存储。

目的

对象存储的数据没有时间限制。

保存数据：.(key,value);

读取数据：.(key);

删除单个数据：.(key);

删除所有数据：.clear();

目的

数据存储方法。当用户关闭浏览器窗口时，数据将被删除。

和差异

1. 两者都是用于在客户端存储临时信息的对象。

2.它们只能存储字符串类型的对象（虽然规范中可以存储其他原生类型的对象，但到目前为止还没有浏览器实现）。

3、生命周期是永久的，这意味着除非用户通过在浏览器提供的UI上显示信息来清除该信息，否则该信息将永远存在。

4.生命周期是当前窗口或选项卡。一旦窗口或选项卡永久关闭，所有存储的数据将被清除。

5 不同浏览器不能共享进出信息。同一浏览器中的不同页面可以共享相同的信息（页面属于相同的域名和端口），但不同页面或选项卡之间不能共享信息。这里需要注意的是，页面和选项卡仅指顶层窗口。如果一个

如果一个选项卡页包含多个选项卡并且它们属于同一源，则可以在它们之间共享它们。

6、只要使用相同的协议、相同的主机名、相同的端口，就可以读取/修改相同的数据。

7、比这严格一点，除了协议、主机名、端口之外，还要求同时

在一个窗口（即浏览器选项卡）下。