如何在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如何设置必填项

Html怎么转换成pdf

Html新手入门必学知识点

Html <br>与<p>标签区别

Html button标签怎么使用?Html button标签有什么作用?

div和span的区别是什么

Html 网页中的锚点(命名锚记)的使用介绍

Html元素一般被分为哪两类

Html base标签怎么用?base标签的使用方法(附实例)

Html的<thead>标签

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




打赏

取消

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

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

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

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

评论

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