html怎么加视频

编辑: admin 分类: html5 发布时间: 2022-06-08 来源:互联网

html添加视频的方法:1、使用“<video controls src="视频文件路径"></video>”语句;2、使用“<embed src="视频文件路径"/>”语句;3、使用“<object data="视频文件路径"/>”语句。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

在 HTML 中播放视频的方法有很多种。

1、使用 <video> 标签

<video> 是 HTML 5 中的新标签。

<video> 标签的作用是在 HTML 页面中嵌入视频元素。

以下 HTML 片段会显示一段嵌入网页的 ogg、mp4 或 webm 格式的视频:

实例

<video width="320" height="240" controls src="movie.ogg">
 您的浏览器不支持 video 标签。
</video>

1.png

2、使用 <embed> 标签

<embed> 标签的作用是在 HTML 页面中嵌入多媒体元素。

下面的 HTML 代码显示嵌入网页的 Flash 视频:

实例

<embed src="movie.swf" height="200" width="200"/>

问题

  • HTML4 无法识别 <embed> 标签。您的页面无法通过验证。

  • 如果浏览器不支持 Flash,那么视频将无法播放

  • iPad 和 iPhone 不能显示 Flash 视频。

  • 如果您将视频转换为其他格式,那么它仍然不能在所有浏览器中播放。

3、使用 <object> 标签

<object> 标签的作用是在 HTML 页面中嵌入多媒体元素。

下面的 HTML 片段显示嵌入网页的一段 Flash 视频:

实例

<object data="movie.swf" height="200" width="200"/>

问题

  • 如果浏览器不支持 Flash,将无法播放视频。

  • iPad 和 iPhone 不能显示 Flash 视频。

  • 如果您将视频转换为其他格式,那么它仍然不能在所有浏览器中播放。

推荐教程:《html视频教程》

以上就是html怎么加视频的详细内容,更多请关注自由互联其它相关文章!

【文章转自台湾大带宽服务器 http://www.558idc.com/tw.html提供,感恩】