Solved

website java error

Posted on 2011-02-18
25
533 Views
Last Modified: 2012-05-11
Hi Experts,

Video Lightbox works fine when I remove the wibiya toolbar from the page (www.wibiya.com to see an example of the toolbar).  On my client site I have video lightox embeded.  The script etc is attached.

When launch video lightbox from the page it begins to play.. fine.  Within 2-3 seconds the error icon appears at the bottom corner of IE (Webpage error details below).  Some time the video will appear to restart within the popup window too.  The video begins to play, looks good sounds good.  When I close the video window.. the audio track from the video keeps playing.  If I launch the video player again it opens fine but the actual video is pushed down the page below the pop up video container.  Like I say it happens in Safari, Chrome, and IE on multiple computers.

When I remove the wibiya toolbar code everythings works fine.

Can someone help me with this?

thanks!

HNM

Error from IE8
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; GTB6.6; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; InfoPath.3)
Timestamp: Fri, 18 Feb 2011 16:49:40 UTC


Message: Object required
Line: 48
Char: 3
Code: 0
URI: http://www.helloworld.com/index_test_swfObject_Wibiya.html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" dir="ltr">

<!-- I used that doc type to prevent some crazy flash z-inex errors in Safari while using swfObject seems to work -->


<head>
<!-- Start VideoLightBox.com HEAD section -->
		<link rel="stylesheet" href="engine/css/videolightbox.css" type="text/css" />
		<style type="text/css">#videogallery a#videolb{display:none}</style>
		
			<link rel="stylesheet" type="text/css" href="engine/css/overlay-minimal.css"/>
			<script src="engine/js/jquery.tools.min.js" type="text/javascript"></script>
			<script src="swfObject/swfobject.js" type="text/javascript"></script>
			<!-- make all links with the 'rel' attribute open overlays -->
			<script src="engine/js/videolightbox.js" type="text/javascript"></script>
		<!-- End VideoLightBox.com HEAD section -->

</head>
-------------------------- body html below ----------

<div id="videoThumbnail">
        			
					<!-- Start VideoLightBox.com BODY section -->
	
					<script type="text/javascript">
					
					function onYouTubePlayerReady(playerId) { 
					ytplayer = document.getElementById("video_overlay"); 
					ytplayer.setVolume(100); 
					} 
					
					</script> 
					
					<div id="videogallery">
					
						<a rel="#voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=1234231&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;autoplay=1" title="see a video">
							
							<img src="http://www.helloworld.com/images/videoThumbnail.jpg" alt="see a video" />
							<span></span>
								
						</a>
							
					</div>
					
					<!-- End VideoLightBox.com BODY section -->

<!-- here is the wibiya script at the bottom of the page before the </body> tag -->

<!-- wibiya -->
<script src="http://cdn.wibiya.com/Toolbars/dir_0720/Toolbar_720057/Loader_720057.js" type="text/javascript"></script>
<noscript><a href="http://www.wibiya.com/">Web Toolbar by Wibiya</a></noscript>

Open in new window

0
Comment
Question by:HelpNearMe
  • 15
  • 10
25 Comments
 
LVL 51

Expert Comment

by:HainKurt
ID: 34927710
http://cdn.wibiya.com/Toolbars/dir_0720/Toolbar_720057/Loader_720057.js

does not exist... please put the toolbar to the page you posted so we can investigate....
0
 

Author Comment

by:HelpNearMe
ID: 34927778
that was an old script this one is the correct one

<script src="http://cdn.wibiya.com/Toolbars/dir_0725/Toolbar_725492/Loader_725492.js" type="text/javascript"></script><noscript><a href="http://www.wibiya.com/">Web Toolbar by Wibiya</a></noscript>
0
 
LVL 51

Expert Comment

by:HainKurt
ID: 34927848
create a test page with toolbar in it, so we can see what is happening...
0
 

Author Comment

by:HelpNearMe
ID: 34928199
0
 

Author Comment

by:HelpNearMe
ID: 34928220
here is the same page error free without tool bar

http://www.trendfuel.com/index_no_wibiya.html
0
 

Author Comment

by:HelpNearMe
ID: 34928234
By the way, I solved the flash video overlay issue on the toolbar with swfObject in the product site so ignore it.

thanks,

HNM
0
 

Author Comment

by:HelpNearMe
ID: 34928335
just in case that last comment confused things, I'll rephrase it.  While you are testing you may notice that the video will sometimes overlap the toolbar.  thats ok, I fixed it with swfObject.  It has not relation to the problem I'm experiencing in this question.

thanks

HNM
0
 
LVL 51

Expert Comment

by:HainKurt
ID: 34928412
I dont see any issue...

with toolbar, http://www.trendfuel.com/
without toolbar, http://www.trendfuel.com/index_no_wibiya.html

no error, no issue, working the same way...

what was the issue again?
0
 

Author Comment

by:HelpNearMe
ID: 34929341
HainKurt,

Open the page (www.trendfuel.com) start the video.  Then close it while it is playing.  For me the music doesn't stop.  Open the video again (without refreshing the page), then while it's playing try to scroll down.  If it happens to you, then you may see the video acting very odd in the container window.  I'm using IE8, Safari, and Chrome.  Same results.

Do you get a error at the bottom left of the browser in IE8 when you play the video and scroll the page?


Thanks for taking a good look at this, I appreciate that you're attention.

HNM
0
 

Author Comment

by:HelpNearMe
ID: 34929383
I just check the two pages again and no error.  I close the browser and tried one more time now the error is there... really wierd but doesn't seem to be limited to my machine, tried on others in two countries, same result.

0
 
LVL 51

Expert Comment

by:HainKurt
ID: 34929529
this function is called

function __flash__addCallback(instance, name) {
  instance[name] = function () {
    return eval(instance.CallFunction("<invoke name=\""+name+"\" returntype=\"javascript\">" + __flash__argumentsToXML(arguments,0) + "</invoke>"));
  }
}

with instance is not set, it is null, and name=api_loadVideo
0
 
LVL 51

Expert Comment

by:HainKurt
ID: 34929546
anyway... try to change the order of scripts... first load web toolbar then vide... maybe it is a timing issue...
0
What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

 

Author Comment

by:HelpNearMe
ID: 34929733
no difference, I returned it to the normal position after testing but I had the same results.

Is there some tool I can use to debug this live in the browser or in an app?

Thanks again

HNM

PS wibiya has a few settings for these kinds of issues and I have tried with no difference either.
0
 
LVL 51

Accepted Solution

by:
HainKurt earned 500 total points
ID: 34929761
in IE8, press F12
in FF press F12 to open firebug

and start debugging js
0
 

Author Comment

by:HelpNearMe
ID: 34929790
duh... I've be using IE f12 for quite a while and didn't notice the debugger there.  I'm checking it out now.

Thats a great tip thanks ;)

HNM
0
 

Author Comment

by:HelpNearMe
ID: 34929890
if anyone else is following this question feel free to offer suggestions as I'm not a java developer I'll fumbling through this line by line.

thanks!
0
 

Author Comment

by:HelpNearMe
ID: 34930043
I think I pushed a wrong button.. I was trying to give 500 points to HainKurt and an 'A' score for everything.  And not add it to the knowledge base as it contains my URLs.  Please correct this.

HNM
0
 

Author Closing Comment

by:HelpNearMe
ID: 34930056
I'm awarding you the points and I'll open a new question about debugging the script.

Thanks!

HNM
0
 
LVL 51

Expert Comment

by:HainKurt
ID: 34930117
use this toolbar

<script src="http://cdn.wibiya.com/Toolbars/dir_0008/Toolbar_8530/Loader_8530.js" type="text/javascript"></script>
0
 
LVL 51

Expert Comment

by:HainKurt
ID: 34930133
heeey, the version you gave me has some bugs, but it is working fine with new version which I posted above :) I want 500 points more for this one :)

<script src="http://cdn.wibiya.com/Toolbars/dir_0008/Toolbar_8530/Loader_8530.js" type="text/javascript"></script>
0
 
LVL 51

Expert Comment

by:HainKurt
ID: 34930140
Also I used new SWFObject

/*!      SWFObject v2.2 <http://code.google.com/p/swfobject/>
      is released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
*/
0
 

Author Comment

by:HelpNearMe
ID: 34931089
That is awsome.  I was using swfObject 2.2 for the other flash in the site but maybe video light box had its own older version.  

Works great as you suggested with your toolbar.. but with my tool bar it still barfs..  I'll play with the tool bar settings in wibiya to sort that bit out.  

So how can I get 500 more points to you.. I don't mind at all just need to know how to do it ;)

0
 
LVL 51

Expert Comment

by:HainKurt
ID: 34931309
probably you cannot fix if you use older versions... thats why they have new versions :) old versions may not be ompatible with new versions, the error comes from core swf libraries... for another 500 point, I can get it some other time from another question...
0
 

Author Comment

by:HelpNearMe
ID: 34932373
Ok thanks again
0
 

Author Comment

by:HelpNearMe
ID: 34951081
Please delete this question.  I have choosen not to add it to the knowledge base because it contains my URL.  Now I see it is indexed by google.

I didn't realize that it would show up in google like this and it contains private info.  Thanks for your cooperation.

Thank you
0

Featured Post

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
using web browser with BING 40 89
Flexbox in CSS3 2 27
CSS grid style change 2 15
angularls and plnkr 14 19
"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

743 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now