Object to display video in IE needs a thumbnail
I am using the object tag to display a video in IE. But I can't seem to create a thumbnail image.
<object width="150" height="104" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" type="application/x-shockwave-flash" class="vjs-flash-fallback" style="margin-top:-23px; margin-left:-12px;">
<param value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" 开发者_如何学编程name="movie">
<param value="true" name="allowfullscreen">
<param value="config={"clip":{"url":"english_short.mp4","autoPlay":false,"autoBuffering":true}}" name="flashvars">
<!-- Image Fallback. Typically the same as the poster image. -->
<img src="screen.png" width="150" height="104" alt="Poster Image"
title="No video playback capabilities." />
<img class="vjs-poster" style="width: 640px; height: 264px; display: block;" src="http://video-js.zencoder.com/oceans-clip.png"/>
</object>
There's no feature that I know of to do this.
What is usually done instead is a static image is created in an image editor and placed where the image should go. When the user clicks the play button, javascript replaces the image with the video as a seamless transition.
精彩评论