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.
Replace Black Background With Preview Image?
Posted: Wed, 2010-08-04 17:01
Vlasta
Posted: Wed, 2010-08-04 19:53
Vlasta
Thanks Ethan.
How exactly do I set the flashvar? Please excuse my lack of knowledge.
Posted: Wed, 2010-08-04 20:03
Vlasta
Actually, don't worry, I worked it out.
Thanks very much for your help.
Posted: Thu, 2010-08-12 15:36
Reg
I didn't work it out like Vlasta. Is there a line of code to place an image as background?
Help, please.
Posted: Thu, 2010-08-12 15:41
Ethan LongTail
Reg - &image=/path/to/your/image.jpg
Posted: Thu, 2010-08-12 15:46
Reg
Thanks Ethan, one would have thought I could figure that out!
Reg
Posted: Sat, 2010-08-21 17:31
Peter Bell
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
Posted: Mon, 2010-08-23 01:33
Ethan LongTail
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.
Posted: Thu, 2010-09-23 17:02
bunck
I have tried every way I can think of to get a preview image with no luck. can you help?
<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
<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>
Posted: Thu, 2010-09-23 17:05
Ethan LongTail
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');
Posted: Tue, 2010-09-28 09:37
bunck
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
Posted: Tue, 2010-09-28 14:07
Ethan LongTail
Above this line:
so.write('player');
Add:
so.addVariable('image','http://www.westsideomaha.org/images/stories/frontpage/snippetimages/1.jpg');
That should work.
Posted: Wed, 2010-09-29 09:20
bunck
Still not working.
</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>
Posted: Wed, 2010-09-29 09:52
noone
hotlinking protection onhttp://www.westsideomaha.org/is preventing the player from loading the image file
fix your server's configuration
Posted: Thu, 2010-09-30 01:21
bunck
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?
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