html5如何实现自动播放视频

html-css010

html5如何实现自动播放视频,第1张

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

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

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

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

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

播放不了是因为手机浏览器不支持html5的这个video新特性。

iOS方面,根据苹果官方提供的文档,Mobile Safari支持包括视频 (video)和音频(audio) 标签,离线存储 (web storage),主流的CSS3效果 (transitions, animations, transforms, gradient, masks等)在内的HTML5特性的。此外,虽然未更新文档,4.2 据说也加入了对Web Sockets,部分XHR-2,加强了对Canvas和SVG的支持。可惜的是,似乎尚未支持Web Worker。

Android方面,Android 2.2 和 2.3 的浏览器对HTML5的支持似乎相对有限,应该支持CSS3 (因为他们都是webkit内核),不支持SVG和Web Sockets,部分支持Video标签 (WebM)。