onMouseOver and controlbar is none
Sep. 05, 2009Veronica
Hi. Help me please. Need to create some thumbnails gallery on the page. its mean: i have different images on the page 160x120 , onmouseover - load player and start play, onmouseout hide the player and put back image and i need controlbar=none.
its work in firefox but not stable , but in IE its not work. Its like player loaded but movie not play. i see just black background.
i tested it on IE6, IE7, Firefox 3.5.2.
that is my code:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link type="text/css" rel="stylesheet" href="./css/blueprint/custom.css">
<title>JW Flash Player examples</title>
<script type='text/javascript' src='swfobject.js'></script>
<script type='text/javascript'>
function getThumbsVideo(idImg,flvFile,divHoderId,post){
var imgObj = document.getElementById(idImg);
var imgPath = imgObj.src;
var flvObj = new SWFObject('player.swf','flvplayer'+post,'160','120','9');
flvObj.addParam('allowfullscreen','true');
flvObj.addParam('allowscriptaccess','always');
flvObj.addParam('allownetworking','all');
flvObj.addParam('wmode','opaque')
flvObj.addParam('flashvars','&file='+flvFile+'&controlbar=none&duration=10&image='+imgPath+'&autostart=true&width=160&height=120&overstretch=fit');
flvObj.write(divHoderId);
}
</script>
</head>
<body>
<div class="container">
</head><body>
<div id="page">
<div id="holder">
<div id="divparent_1" style="display:block;width:160px;height:120px">
<img src="images/a.jpg" alt="video a.jpg" id="roller_1" onmouseover="getThumbsVideo('roller_1','a.flv','divparent_1','1')">
</div>
</div>
<div id="holder">
<div id="divparent_2" style="display:block;width:160px;height:120px" >
<img src="images/b.jpg" alt="video b.jpg" id="roller_2" onmouseover="getThumbsVideo('roller_2','b.flv','divparent_2','2')">
</div>
</div>
<div id="holder">
<div id="divparent_3" style="display:block;width:160px;height:120px" >
<img src="images/c.jpg" alt="video c.jpg" id="roller_3" onmouseover="getThumbsVideo('roller_3','c.flv','divparent_3','3')">
</div>
</div>
</div>
</body>
</html>
Sep. 10, 2009Ethan LongTail
Hi Veronica,
This is Ethan from LongTail here to help you.
Can you link me to where you are running our player on your site so I can take a look at your implementation so I can better help you?
Please email me directly at ethan [at] longtailvideo [dot] com to follow up if you have any other questions, thank you.
Best Regards,
-Ethan
Sep. 11, 2009Veronica
thats the code of my test version on the my local server. link to the site i send you to the email. i will by happy if you help me
Search the Forums
Forum Categories
Support
Here are some helpful links to learn more about the JW Player™:
- Setup Wizard writes player code for you.
- Embedding Flash Tutorial shows how to embed the JW Player™ in your site.
- Forum provides access to over two million JW Player™ users.
- Developers Center (Wiki) explains everything from flashvars to skinning.
- Do you need custom Flash work? Email us.
Monetize Your Video
Earn money with ads from LongTail's AdSolution. Watch our demos and sign up now!
Why Buy a License?
If you don’t buy a commercial license, you cannot use a JW Player™ on (i) a site that has ads; (ii) a corporate site; or a (iii) CMS. Our licenses are very inexpensive, so what are you waiting for? Buy a license today.
