问题描述

flowplayer 实现视频图片的预览

我想实现flash视频播放插件 flowplayer.js 播放前有个图片预览的效果

解决方案

https://flowplayer.org/demos/ 网站示例有啊，容器增加背景图片就好了

<div class="flowplayer" data-swf="flowplayer.swf" data-ratio="0.4167" style="background:url(https://flowplayer.org/media/img/demos/minimalist.jpg) no-repeat">
      <video>
         <source type="video/webm" src="http://stream.flowplayer.org/bauhaus/624x260.webm">
         <source type="video/mp4" src="http://stream.flowplayer.org/bauhaus/624x260.mp4">
         <source type="video/ogv" src="http://stream.flowplayer.org/bauhaus/624x260.ogv">
      </video>
   </div>