Hey guys,
I noticed that the JW Player has a black background, thus the viewer cannot see what the video is until clicking play. Is it possible to have a preview image similar to how YouTube videos are displayed?
Thanks in advance.
Hi Vlasta,
Yes, this is possible to do. You can set a flashvar called “image” to the location of an image file on your server to use as the background image.
Best,
-Ethan
Thanks Ethan.
How exactly do I set the flashvar? Please excuse my lack of knowledge.
Actually, don't worry, I worked it out.
Thanks very much for your help.
I didn't work it out like Vlasta. Is there a line of code to place an image as background?
Help, please.
Reg – &image=/path/to/your/image.jpg
Thanks Ethan, one would have thought I could figure that out!
Reg
To apply a image to a video in wordpress do i use the excerpt space to add that code?
is this whereand how?
s1.addParam('allowscriptaccess','always');
s1.addParam('flashvars','offshores1.mp4''&image=http://speedweek.com.au/wordpress/wp-content/uploads/2010/08/offshores1.jpeg');
Peter
Make it like this:
s1.addParam(‘flashvars’,‘file=offshores1.mp4&image=http://speedweek.com.au/wordpress/wp-content/uploads/2010/08/offshores1.jpeg’);
That should work.
I have tried every way I can think of to get a preview image with no luck. can you help?
bc.. <script type="text/javascript">
var so = new SWFObject('http://flashplayer.netbroadcasting.tv/player-licensed.swf','mpl','350','266','9');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addParam('wmode','opaque');
so.addVariable('file=snippets/the_wheat.mp4');
so.addVariable('streamer','rtmp://westsideomaha.flashsvr.com/westsideomaha/_definst_');
so.addVariable('autostart','false');
so.write('player');
</script>
Also tried
bc.. <script type="text/javascript">
var so = new SWFObject('http://flashplayer.netbroadcasting.tv/player-licensed.swf','mpl','350','266','9');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addParam('wmode','opaque');
so.addVariable('image','http://www.westsideomaha.org/images/stories/frontpage/snippetimages/1.jpg');
so.addVariable('file=snippets/the_wheat.mp4');
so.addVariable('streamer','rtmp://westsideomaha.flashsvr.com/westsideomaha/_definst_');
so.addVariable('autostart','false');
so.write('player');
</script>
Can you provide a link to where you are running this?
so.addVariable(‘file=snippets/the_wheat.mp4’); is not correct, it should be:
so.addVariable(‘file’,‘snippets/the_wheat.mp4’);
www.westsideomaha.org It is the clip on the front page. It changes weekly and I would love to be able to add a preview image
Above this line:
so.write(‘player’);
Add:
so.addVariable(‘image’,‘http://www.westsideomaha.org/images/stories/frontpage/snippetimages/1.jpg’);
That should work.
Still not working.
bc.. </script>
<div id="player" align="center">This text will be replaced</div>
<script type="text/javascript">
var so = new SWFObject('http://flashplayer.netbroadcasting.tv/player-licensed.swf','mpl','350','266','9');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addParam('wmode','opaque');
so.addVariable('file','snippets/thedaythedoorwasshut.mp4');
so.addVariable('streamer','rtmp://westsideomaha.flashsvr.com/westsideomaha/_definst_');
so.addVariable('autostart','false');
so.addVariable('image','http://www.westsideomaha.org/images/stories/frontpage/snippetimages/1.jpg');
so.write('player');
</script>
hotlinking protection onbc.. http://www.westsideomaha.org/
is preventing the player from loading the image file
fix your server's configuration
I have tried everything and I am having no luck allowing hotlinking. I am on IIS 7 and have tried every rewrite rule i can find. Any suggestions?
