html5如何实现自动播放视频?

Question

html5如何实现自动播放视频 

Answer 1

HTML5 是下一代的 HTML， 提供了展示视频的标准，规定了一种通过 video 元素来包含视频的标准方法。 

Video有以下的属性。

autoplay    autoplay    如果出现该属性，则视频在就绪后马上播放。    

controls     controls    如果出现该属性，则向用户显示控件，比如播放按钮。    

height        pixels    设置视频播放器的高度。    

loop           loop    如果出现该属性，则当媒介文件完成播放后再次开始播放。    

preload      preload    如果出现该属性，则视频在页面加载时进行加载，并预备播放。

如果使用 "autoplay"，则忽略该属性。

src              url    要播放的视频的 URL。    

width           pixels    设置视频播放器的宽度。

Answer 2

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

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

   

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

   

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

   

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