怎么在HTML网页中插入视频

很多学习HTML的宝宝们想要在HTML文件中插入视频，但是却不知道怎样做。今天小编我就来分享一下
在HTML中怎样插入视频文件的
。

操作方法

  • 01

    如图，在项目文件中放置mp4格式的视频，因为H5只支持这类视频，avi格式的不可以哟。

  • 02

    然后在自己的HTML编辑软件建一个HTML5的文件，这里小编我就用Hbuilder建立了。

  • 03

    然后添加video元素即可插入视频，最好用autoplay设置自动播放，controls设置控制栏。

  • 04

    source可以连接对应的视频文件资源，记得视频资源路径要写正确哦。

  • 05

    这样，等到HTML网页加载之后视频即可自动的播放哟。

  • 06

    并且左边有播放按钮，视频进度控制条等工具。

  • 07

    右边可以全屏播放，调节声音大小，如果是放在服务器上面还可以下载哟，非常方便。

赞 (0)

相关推荐

  • 怎样在html网页中插入视频

    html技术发展得非常快,比如现在html5已经支持在网页中插入视频了.今天咪咪我就来教教大家怎样在html中插入视频. 操作方法 01 第一步,在Hbuilder中新建一个项目,然后把视频素材给保存 ...

  • 怎么在网页中插入视频

    Dreamweaver 是一款网页设计工具,已经问世很多年了,依然有新手不知道怎么用,这里来介绍下. 操作方法 01 打开软件后,在新建中点击"HTML",将新建一个空白的html ...

  • 如何使用axure在网页中嵌入视频？

    如何使用axure在网页中嵌入视频？

    大家肯定经常在浏览网页时可以看到很多视频,接下来小编就给大家介绍一下如何使用axure在网页中嵌入视频.具体如下:1. 首先第一步打开电脑中的[axure]软件,根据下图箭头所指,在[元件库]页面中找 ...

  • 在PowerPoint中插入视频的两种方法

    为追求更完美效果，在Powerpoint中通过shockwave Flash Object控件插入SWF格式动画已是家常便饭。但很多情况下，演示文档还需要视频做辅助，下面我们介绍在PowerPoint ...

  • 如何在PowerPoint 中插入视频

    为追求更完美效果，在Powerpoint中通过shockwave Flash Object控件插入SWF格式动画已是家常便饭。但很多情况下，演示文档还需要视频做辅助，下面我们介绍在PowerPoint ...

  • 在PPT中插入视频的方法

    在制作PPT时为了更加生动地表示所要表达的主题,常常需要借助视频来实现,下面我们介绍在PowerPoint 2007中插入视频的两种方法. 直接插入法 这是最简单方法.用该法插入的视频,在演示界面中仅 ...

  • win7 64位系统使用360安全浏览器在网页中播放视频出现花屏的解决方法

    win7 64位系统使用360安全浏览器打开网页播放视频的时候出现花屏,视频根本没办法观看,怎么办呢?出现这样的情况只需要用360浏览器修复一下即可解决,下面来看看具体的解决方法. 解决方法: 1.在 ...

  • 如何在手机版WPS的PPT文档中插入视频

    如何在手机版WPS的PPT文档中插入视频

    当我们想在手机版WPS的PPT文档中插入一些切合内容的小视频时,该怎么加进去?今天小编就来介绍一下插入视频文件的方法.具体如下:1.首先,我们打开手机版WPS的PPT文档页面,再点击页面左下角点击&q ...

  • 怎么在Mac苹果电脑的Powerpoint中插入视频

    怎么在Mac苹果电脑的Powerpoint中插入视频

    我们在Win系统的电脑中,很容易就可以在PPT中插入视频,但是在Mac电脑上如何操作呢?一起来看看吧.1. 首先我们打开Mac电脑,然后在"文件查找器"或桌面双击打开PPT程序.2 ...