添加视频

怎么在HTML网页中插入视频

听语音

• |
• 浏览：4006
• |
• 更新：2017-10-16 15:24
• |
• 标签：HTML 

• 1
• 2
• 3
• 4
• 5
• 6
• 7

分步阅读

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

工具/原料

 

• 电脑
• Hbuilder
• mp4视频

方法/步骤

 

1.  

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

   
2.  

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

   
3.  

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

   
4.  

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

   
5.  

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

   
6.  

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

   
7.  

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