html5如何实现自动播放视频

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

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

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

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

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

HTML5是可以直接利用代码播放视频，而本地播放器都是安装过flash第三方插件才能播放。Html5的功能不断的一一实现，更见的便捷应用广泛，是完全不能怠慢的一个知识，尤其是IT行业人才。

Mac上主流的俩浏览器Safari和Chrome

Safari不自带flash 并且apple不推荐安装下载flash插件【发热增大 续航缩短

Chrome倒还好 自带flash【不过听说以后就不会了

虽然有个叫bilibili helper的chrome插件 可以将flash播放器替换为html5播放器 类似现在B站出官方html5的效果 不过没有进度条缩略图预览 感觉UI清晰度也比较水。

---