Wibiya Toolbar helped my blog getting more traffic from different locations and it also provided me options for showing lot many things in a single toolbar. It really looks great at bottom of the page but there is a problem with wibiya toolbar as it hides from YouTube videos, Vimeo or any other flash movie. Here is the solution for this problem with wibiya Toolbar.
Problem Scenario:
In case you are having any YouTube video on your blog, then users can not see the part of toolbar which is overlapping the YouTube video or any other flash movie. It may hide the option for Translate, Facebook Fan Page, Twitter Dashboard, RSS Feed, Community Page, Search etc available on Wibiya Toolbar.
Solution:
To resolve this problem with Wibiya Toolbar, You need to just follow the below steps,
1. Add the below mentioned as just below the opening “Object” tag of the embedded video,
<param name="wmode" value="opaque"></param>
2. Add the below piece of code in embed tag,
wmode=opaque
For example,
Here is a piece of code for a YouTube video featuring Matt Cutts where you can see the difference in both piece of codes.
Before changes
<object width="560" height="340"><param name="movie" value="http://
www.youtube.com/v/dZGUnCkVHj8&hl=en&fs=1&rel=0"></param><param name=
"allowFullScreen" value="true"></param><param name="allowscriptaccess
" value="always"></param><embed src="http://www.youtube.com/v/dZGUnC
kVHj8&hl=en&fs=1&rel=0" type="application/x-shockwave-flash" allowsc
riptaccess="always" allowfullscreen="true" width="560" height="340">
</embed></object>
After Changes,
Note: Changes are in bold and green colour.
<object width="560" height="340"><param name="wmode" value="opaque">
</param><param name="movie" value="http://www.youtube.com/v/dZGUnCkV
Hj8&hl=en&fs=1&rel=0"></param><param name="allowFullScreen" value="
true"></param><param name="allowscriptaccess" value="always"></param>
<embed src=http://www.youtube.com/v/dZGUnCkVHj8&hl=en&fs=1&rel=0
type="application/x-shockwave-flash" allowscriptaccess="always" allo
wfullscreen="true" width="560" height="340" wmode=opaque>
</embed></object>
Wibiya is already working to resolve this problem and they might come up with some internally embedded solution so that you don’t need to do manipulations with each and every embedded video. But till then you can resolve this problem of wibiya toolbar by doing above changes in embed code of a video file on your blog.
