12.2.5 循环播放和海报图像
对于视频来说不仅可以设置自动播放,还可以设置为循环播放,当然这种做法和前面自动播放一样需要慎用。
要实现循环播放,只需要在video元素中添加autoplay和loop属性即可。代码如下:

通常浏览器会在视频加载时显示视频的第一帧,如果想对此作出修改,指定自己的图像,就需要通过海报图像实现。为视频指定海报图像,首先获取视频资源,然后在video元素中添加poster属性。代码如下:


该视频没有播放时的页面如图12-3所示。

图12-3 海报图像
当页面加载并显示视频的时候显示该图像,该图像取自视频本身的一幅截图。