如何在HTML中插入视频


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

在HTML中,可以使用video标签插入视频,语法格式“<video src="视频地址"></video>”;video标签可以定义视频,支持MP4、WebM、Ogg三种视频格式。

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

视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 video 元素来包含视频的标准方法。

如需在 HTML5 中显示视频,您所有需要的是:

1

2

<video src="movie.ogg" controls="controls">

</video>

controls 属性供添加播放、暂停和音量控件。包含宽度和高度属性也是不错的主意。

HTML插入视频的代码:

1

2

3

4

5

6

7

8

9

<video width="420" height="200" controls autoplay>

        <source src="movie.mp4" type="video/ogg">

        <!--因为我的视频格式是MP4,所以路径的视频格式为MP4,下边注释的地方,就是你的视频什么格式就弄什么格式!-->

        <!--<source src="img/video/movie.mp4" type="video/mp4">

        <source src="movie.webm" type="video/webm">-->

        <object data="movie.mp4" width="320" height="240">

            <embed width="420" height="200" src="movie.mp4">

        </object>

    </video>

效果为:

GIF.gif

推荐学习:《HTML视频教程》

以上就是如何在HTML中插入视频的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html是一种什么语言

Html5中文乱码怎么办

Html中图片标签的用法介绍

Html实现简单动画

Html文字居中的样式是什么

浏览器解析渲染Html文档的过程详解(图文)

Html怎么调用css文件

Html dt标签怎么用

Html中如何添加一个表头

Html font标签是什么?<font>标签的属性的详细介绍

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




打赏

取消

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

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

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

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

评论

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