• 技术文章 >web前端 >html教程

    如何在HTML中插入视频

    醉折花枝作酒筹醉折花枝作酒筹2021-04-07 15:30:52原创110

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

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

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

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

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

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

    HTML插入视频的代码:

    <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中插入视频的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:HTML 视频
    上一篇:如何禁止html自动换行 下一篇:HTML如何制作表单
    第15期线上培训班

    相关文章推荐

    • js怎么去掉html标签• html怎么去掉超链接的下划线• php怎么去除html代码• html怎么隐藏滚动条• html和html5的区别是什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网