html5视频教程免费的简单介绍

如何用HTML5在页面中插入可自动播放的视频

autoplay autoplay 如果出现该属性，则视频在就绪后马上播放。controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。height pixels 设置视频播放器的高度。

启动DW软件，新建一个html5网页，在顶部依次点击选择【插入】-【html】-【html5 video】。选择html5 video后，软件会自动加入一个video/video标签组。我在video后添加src=代码，然后在双引号中输入网络mp4格式的视频链接。

打开用于网页设计的Hbuilder，在项目管理器中放置mp4格式的视频以后，点击index.html进入。在这里通过图示的命令来建立一个HTML5的文件。

第一步，在Hbuilder中新建一个项目，然后把视频素材给保存到其中某个文件夹。注意，虽然html5支持插入视频，不过对视频格式有要求，视频编码格式必须是H.264或者是AVC的才可以在网页中播放哦。

如图，在项目文件中放置mp4格式的视频，因为H5只支持这类视频，avi格式的不可以哟。然后在自己的HTML编辑软件建一个HTML5的文件，这里小编我就用Hbuilder建立了。

相关问答

Q1: 请问哪里有免费html5教程视频呢?

1、HTML5网页设计教程百度网盘在线观看资源，免费分享给您：https：//pan.baidu.com/s/1Hhx_JA4VBv4O0pfayk1KUw 全书共分为13章，全面讲述HTMLCSS3和JavaScript技术。

2、HTML5交互动画开发实践教程百度网盘在线观看资源，免费分享给您：https：//pan.baidu.com/s/1Z2rCiUSoigXFfIr7CxZ-jA 《HTML5交互动画开发实践教程》是2014年清华大学出版社出版的图书，作者是杜晓荣、徐泳钧、武汇岳。

3、慕课网上就有HTML5的免费视频教程的，里面有典型的案例分析，还有一些小测验，方便巩固知识点。它还是一个免费学习网站，网站课程为短视频，学习内容基本都是实操性很强的案例课程。

4、网上百度一下就有很多的，爱奇艺、腾讯课堂等等都有相关视频教程，自己百度找找看。

Q2: 哪可以下载到html5前端视频教程?

1、首先第一步打开手机浏览器。根据下图箭头所指，小编以【百度】为例。 第二步打开软件后，根据下图箭头所指，找到想要下载的视频。 第三步根据下图箭头所指，点击右侧【...】图标。

2、Web前端开发实用案例教程百度网盘在线观看资源，免费分享给您：https：//pan.baidu.com/s/1paVnIlpQ5a2M_ulhmNT_Rg 本书以真实案例组织内容，介绍如何利用网页制作技术HTML5和CSS3等制作网站。

3、web前端教程视频教程可以在【达内教育】官网上下载的，也可以保存到百度网盘中观看，从基础到高级都有，知识点讲授很细致，通俗易懂。web前端教程视频教程推荐选择【达内教育】，其个性化的课程设计有助于知识的掌握。

4、千锋官网上有不少，可以下载也可以保存到网盘上看。

关于html5视频教程免费和的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。