html怎么加视频

广告:宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取~~~

html怎么加视频

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>
登录后复制

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怎么加视频的详细内容,更多请关注9543建站博客其它相关文章!

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:移动端网站设计优化要点
下一篇:深入浅析Node中的util.promisify()函数

发表评论

关闭广告
关闭广告