html视频自动播放循环播放,HTML5 通过Vedio标签实现视频循环播放的示例代码

要实现网页播放视频在HTML5以前是通过标签

标签的作用是在 HTML页面中嵌入多媒体元素

标签的作用是在 HTML页面中嵌入多媒体元素

存在的问题：

需要flash，效率低

如果浏览器不支持 Flash，那么视频将无法播放

iPad 和 iPhone 不能显示 Flash 视频

将视频转换为其他格式，仍然不能在所有浏览器中播放

在HTML5后，播放网页视频就简单多了，一个解决所有问题，废话不多说，直接进入正题：

本人编写HTML5代码是使用HBuilder，个人觉得软件还不错，(主要的原因是该软件的快捷键和界面布局和Eclipse很相似，对于习惯了Eclipse操作的我来说真是犹如再见故友的感觉啊，有木有)

先新建Web项目，将资源文件放入项目，目录结构如下：

接着直接在index.html中编写代码就行了：

vedio标签，中设置autoplay，是为了视频在页面加载完毕后就自动播放，controls添加控制条工具

标签通过src设置视频位置，此时的效果是这样的：

这就是标签的神奇之处了，