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

时间:2013-06-08 03:41:50

标签: html video tinymce flashvars flash-video

我正在使用TinyMCE嵌入FLV视频。使用在“媒体类型”下拉列表中选择“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>

保存后看起来像这样;白色背景,在我悬停鼠标之前不可见,然后出现控件:

enter image description here

视频播放正常。我已尝试在<img>内添加<object>标记,并尝试在&poster=参数中添加图像路径,但不会显示。我无法使用YouTube。它不一定是TinyMCE,我可以手工编辑HTML。

如何添加缩略图? (jsFiddle

1 个答案:

答案 0 :(得分:0)

希望你有美好的一天 -

在闪存代码中,你可以设置wmode="transparent",并且不会显示flahs wite backround,你可以在电影所在的位置放置图片,并设置z-index:-1,以便开始播放和视频封面时在这里,我举例说明http://jsfiddle.net/YED3A/4/