怎么在HTML网页中插入视频

1W次浏览推荐于2019.03.19

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

    操作方法

    • 01

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

      • 02

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

        • 03

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

          • 04

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

            • 05

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

              • 06

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

                • 07

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

                  • End

                  免责声明:

                  本页搜狗指南内容仅代表作者本人意见,若因此产生任何纠纷由作者本人负责,概与搜狗公司无关。本页搜狗指南内容仅供参考,请您根据自身实际情况谨慎操作。尤其涉及您或第三方利益等事项,请咨询专业人士处理。

                  0点赞无帮助无帮助
                  还没有个性签名哟