html怎么加视频


本文摘自PHP中文网,作者青灯夜游,侵删。

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 格式的视频:

实例

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 css是什么

Html怎么加空格

Html中的锚点是啥

dom节点和元素之间有什么区别

Html属于什么文件Html的文件该如何打开

怎么在head区域引入css

Html input怎么设置不可编辑

Html中怎么设置为email链接

几种关于Html和css的使用方法

Html form标签的action属性是什么意思?又有哪些用法?(附实例)

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...