文档库 最新最全的文档下载
当前位置:文档库 › HTML5视频标签使用时注意事项

HTML5视频标签使用时注意事项

HTML5视频标签使用时注意事项
HTML5视频标签使用时注意事项

视频标签的出现无疑是HTML5的一大亮点,接下来我们将探讨如何在项目中使用HTML5视频标签,由于旧的浏览器和Internet Explorer不支持

不幸的是,和HTML5音频一样,涉及到视频的文件格式,Firefox和

Safari/Chrome的支持方式并不相同。因此,如果你想在这个时候使用HTML5视频,则需要创建三个视频版本。

OGG

Firefox能良好支持这种格式。你可以使用VLC(媒体->串流/保存)实现视频的轻松转换。

MP4

许多屏幕录制工具支持MP4格式的自动导出,你可以使用它们为Safari和Chrome浏览器生成指定格式的视频。

FLV/SWF

并非所有浏览器都支持HTML5视频标签,当然,考虑到兼容性,请确保添加一个退而求其次的Flash版本。

一些HTML5视频标签元素的可选参数:

◆controls:布尔值,显示play/stop按钮;

◆poster:在视频播放之前所显示的图片的URL;

◆autoplay:布尔值,页面加载完成后自动播放视频;

◆width:视频所需的宽度。默认情况下,浏览器会自动检测所提供的视频尺寸;

◆height:视频所需高度;

◆src:视频文件的路径,使用子元素实现更好。

HTML5视频标签的注意事项

1、需创建三种视频格式以实现对Firefox,Safari/Chrome和IE的支持;

2、不要省略任何一种格式。不能将HTML5如你所想的那样兼容Firefox和Safari,Safari能解释

3、记住全屏显示不被Safari和Chrome所支持。然而,在Firefox3.6版本中,你可以全屏浏览;

4、要明白IE加载Flash文件的原因,是因为IE不能解释

HTML标记语言常用标记大全

html标记语言常用标记大全2009-10-1416:30 HTML标记一览,后有详解

HTML里,比较基础的标签主要用于标题,段落和分行。 学习HTML最好的方法,就是跟着示例学。为了各位学习的方便,我们准备了一个简单的HTML编辑器,你可以在左边写HTML代码,然后点击上面的按钮,查看HTML的显示结果。 copyright dedecms 试试看吧! 示例:一个非常简单的HTML文件本文来自织梦 这是一个非常简单的HTML。 织梦内容管理系统 这个示例算是一个最简单的HTML文件,只包含了最基本的能构成一个HTML文件的标签。通过这个例子,你可以看到浏览器是如何显示这个文件的,以此对HTML文件有个最初的认识。 织梦好,好织梦 示例:简单的段落 内容来自dedecms copyright dedecms 这是第一段。 这是第二段。 这是第三段。 内容来自dedecms 在HTML里,用p来定义段落。 织梦好,好织梦

织梦好,好织梦 这个示例显示在HTML文件里如何分段。织梦内容管理系统 正文标题 这个示例告诉你如何在HTML文件里定义正文标题。 本文来自织梦 HTML用

这几个标签来定义正文标题,从大到小。每个正文标题自成一段。 copyright dedecms

This is a heading

This is a heading

This is a heading

This is a heading

This is a heading
This is a heading
copyright dedecms 段落划分 在HTML里用和 划分段落。 内容来自dedecms This is a paragraph This is another paragraph 本文来自织梦 换行 通过使用
这个标签,可以在不新建段落的情况下换行。
没有Closing Tag。 内容来自dedecms 用换行是个坏习惯,正确的是使用
。 copyright dedecms This
is a para
graph with line breaks

HTML5所有标签

结构标签:(块状元素)有意义的div

标记定义一篇文章
标记定义一个页面或一个区域的头部