htmlvideotinymceflashvarsflash-video

How can I create a thumbnail with TinyMCE's default video embed code?

I'm using TinyMCE to embed an FLV video. Using the default media tool with "Flash" selected in the dropdown for "media type", this code is generated:

<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>

It looks like this after saving; white background, invisible until I hover the mouse, then the controls appear:

enter image description here

The video plays fine. I've tried adding an <img> tag inside the <object>, and tried adding the path to an image in the &poster= parameter, but it doesn't appear. I can't use YouTube. It doesn't have to be with TinyMCE, I can hand edit the HTML.

How can I add a thumbnail? (jsFiddle)

Solution

  • hope you have good day-

    in the flash codes, you cans set wmode="transparent" and the flahs wite backround willn't be displayed and you can place picture behing where the movies is and set z-index:-1 so when start playing and video cover pucture here i make example for you to see http://jsfiddle.net/YED3A/4/ is ther