我是靠谱客的博主 稳重冷风,这篇文章主要介绍html怎么加视频,现在分享给大家,希望可以做个参考。

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

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

1、使用 <video> 标签

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

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

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

实例

复制代码
1
2
3
<video width="320" height="240" controls src="movie.ogg"> 您的浏览器不支持 video 标签。 </video>
登录后复制

1.png

2、使用 <embed> 标签

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

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

实例

复制代码
1
<embed src="movie.swf" height="200" width="200"/>
登录后复制

问题

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

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

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

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

3、使用 <object> 标签

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

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

实例

复制代码
1
<object data="movie.swf" height="200" width="200"/>
登录后复制

问题

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

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

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

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

以上就是html怎么加视频的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是稳重冷风最近收集整理的关于html怎么加视频的全部内容,更多相关html怎么加视频内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(86)

评论列表共有 0 条评论

立即
投稿
返回
顶部