html5如何实现自动播放视频

我们使用html5的video标签，可以不依赖于任何第三方的插件或控件，直接在浏览器中实现视频播放功能。

在了解了video标签之后，下面我们就使用html5的video标签来实现视频播放。

现在，我们打开浏览器，看一看具体的效果：

为了更好地兼容各种浏览器，你可以为一个video标签添加多个source子标签，每个source标签引用一个不同格式的视频文件。这样，html5浏览器会自动在这些source标签中从上到下依次寻找并识别出该浏览器可以播放的第一个视频文件并进行播放，从而实现兼容多个浏览器的视频播放功能。

注：html5的video标签目前只支持播放.mp4、.ogg、.webm等几种格式的视频文件，暂不支持其他格式的视频文件。此外，不同的html5浏览器支持的视频文件格式也略有不同，这种状况可能会在未来的html5中得以改善。

H5edu教育HTML5开发解答

1.离线缓存为HTML5全栈开发移动应用提供了基础

2.音频视频自由嵌入，多媒体形式更为灵活

原生开发方式对于文字和音视频混排的多媒体内容处理相对麻烦，需要拆分开文字、图片、音频、视频，解析对应的URL并分别用不同的方式处理。

HTML5在这个方面完全不受限制，可以完全放在一起进行处理。

3.地理定位，随时随地分享位置

充分发挥移动设备对定位上的优势，推动LBS应用发展。

可以综合使用GPS、wifi、手机等方式让定位更为精准、灵活。

地理位置定位，让定位和导航不再专属导航软件，地图也不用下载非常大的地图包，可以通过缓存来解决，到哪儿下哪儿，更灵活。

4.Canvas绘图，提升移动平台的绘图能力

使用Canvas API可以简单绘制热点图收集用户体验资料

支持图片的移动、旋转、缩放等常规编辑

5.专为移动平台定制的表单元素

6.丰富的交互方式支持

提升互动能力：拖拽、撤销历史 *** 作、文本选择等

7.HTML5使用上的优势

更低的开发及维护成本；

使页面变得更小，减少了用户不必要的支出；而且，性能更好使耗电量更低；

方便升级，打开即可使用最新版本，免去重新下载升级包的麻烦，使用过程中就直接更新了离线缓存。

我要自学网还可以，不过太古老了

我和题主一样也是自学的HTML，css ,js, jquery等，现在正在学习jQuery，建议题主在手机上下一个w3cschool和菜鸟教程，直接在w3cschool的教程库里面搜索自己想要学习的内容，教程都很初级，非常适合自学者，然后利用每天的空闲时间一鼓作气地学下去，你会很快学会的。看视频会很费时间，而且有的视频资源不成系统，会让你感觉学得很迷茫。在菜鸟教程上你可以大致了解你需要学习的大致框架。

另外，题主你在学习w3cschool教程的过程中记得每天抽出点时间来打打当天学习的实例的代码，再简单的代码也需要实践才能发现问题并熟练掌握。遇到不太清楚的地方可以多百度，百度知道和CSDN是信息源比较可靠的，如果想要了解更多自学经验，知乎也是一个好去处，不过在知乎上要选择性忽略一些回答，一般以篇幅较长，语气平和，行家回答，日期离现在比较久（近几年来知乎上喷子和小学生比较活跃，所以选择日期比较久远的为宜）为佳。

最后，祝你自学成功哦！咱俩一起加油！

---