如何使用TinyMCE的默认视频嵌入代码创建缩略图？

Question

我正在使用TinyMCE嵌入一个FLV视频。使用默认的媒体工具，并在下拉列表中为"media type“选择"Flash”，将生成以下代码：

<object width="320" height="240" 
        data="/path/to/tiny_mce/plugins/media/moxieplayer.swf"
        type="application/x-shockwave-flash">
  <param name="src" value="/path/to/tiny_mce/plugins/media/moxieplayer.swf" />
  <param name="flashvars" value="url=/path/to/video.flv&amp;poster=/" />
  <param name="allowfullscreen" value="true" />
  <param name="allowscriptaccess" value="true" />
</object>

保存后看起来像这样；白色背景，在我悬停鼠标之前是看不见的，然后控件出现：

​

​

视频播放正常。我尝试在<object>中添加一个<img>标记，并尝试在&poster=参数中添加图像的路径，但没有显示出来。我不能使用YouTube。它不一定是与TinyMCE，我可以手动编辑的HTML。

如何添加缩略图？(jsFiddle)

Answer 1

希望你有愉快的一天-

在flash代码中，你可以设置wmode="transparent"，背景不会显示，你可以把图片放在电影所在的地方，设置z-index:-1，所以当开始播放和视频封面时，我在这里做例子，让你看到http://jsfiddle.net/YED3A/4/是在那里