I'm using the tubeplayer code...
However, to put something on top, like a div, on the youtube movie seems impossible (in Chrome).
Below is my test code, I'm trying to put the green square over the movie. It has to do with the wmode, its not set to 'transparent' somehow. code...
The problem I have is that I have a list of song on my site. So the user can select other songs. And after that he can select an other one. Unfortunately I can only play the song initially loaded with the page!Here is my code (snippets)First of all I have a global configuration parameter like this
Code:
defaults = {
width: 500,
[code]...
I have the following Flash code running the photo stack at top right in this page: [URL]
<script type="text/javascript">
var flashvars = {};
var params = {};
params.wmode = "transparent";
var attributes = {};
swfobject.embedSWF("[URL]", "slider", "650", "260", "9.0.0", "[URL]", false, flashvars, params, attributes);
</script>
I'm not that familiar with Flash, but I've used wmode in the past to make a movie have a transparent background. Is something wrong with the syntax here?
So, after doing a whole bunch of z-index troubleshooting, I determined that wmode transparent isn't getting applied to to my flash file on my website. I have a dropdown menu that, in IE, is falling behind the flash. I'm using swfObject 2.2, and I must have an error somewhere because if I use this old method of embedding, everything works fine:
[Code]....
Is this possible? Basically I need to grab all the flash objects on the page (done) and then set the wmode to transparent so it doesn't mess up my DHTML menu.
View 2 Replies View RelatedI'm trying to write some javascript that will always allow me to float content over a flash player. To do this, the <object> tag needs to have a <param> tag added to set the wmode to transparent, and the <embed> tag needs to have the wmode attribute set to transparent also. So the source will first look like:
<object width="560" height="340">
<param name="movie" value="[URL]"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="[URL]"
type="application/x-shockwave-flash"
allowscriptaccess="always"
allowfullscreen="true"
width="560"
height="340">
</embed>
</object>
And I want the javascript to change it to:
<object width="560" height="340">
<param name="movie" value="[URL]"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<param name="wmode" value="transparent"></param>
<embed src="[URL]"
type="application/x-shockwave-flash"
allowscriptaccess="always"
allowfullscreen="true"
width="560"
height="340"
wmode="transparent">
</embed>
</object>
The thing is, I currently have code that adds the parameters to the object and the embed tags, but I am unable to float content over the player. The javascript I currently have is:
function init(){
var embedCollection = document.getElementsByTagName("embed");
var objectCollection = document.getElementsByTagName("object");
for(i=0;i<objectCollection.length;i++){
var myParam = document.createElement("param");
myParam.setAttribute("name","wmode");
myParam.setAttribute("value","transparent");
objectCollection[i].appendChild(myParam);
}
for(i=0;i<embedCollection.length;i++){
embedCollection[i].setAttribute("wmode","transparent");
} } window.onload=init;
If I use Firebug to inspect the page after it has loaded, I can see that all the elements have been updated with the appropriate tags and attributes, but the floating content does not appear above the flash player. I'm sure the floating content is coded correctly, because if I hard code the tags and attributes into the HTML instead of using javascript, the floating content appears. I've been told on an IRC chatroom that I need to find away to reload the flash player after I've added my new tags and attributes, so that its aware of the new tags and attributes. How can I use javascript to force the flash player to reload itself?
I am interested in using a popup to show flash games in it, so I did then my interest went to make all games playable in full screen so I did that too and got success, but I am facing issues due to wmode, if you visit my this site link [URL] and click on play game for other browsers while using google chrome browser, you will see the error there will be blocks appearing in the game, while if click on play for google chrome then this error is not there, its just because of WMODE, for google chrome button I am using wmode while for all other browsers I am not doing this.
The reason for not using wmode to my other browser play button is that if I add wmode to the games then the performance of the game is highly damaged in fireforx and internet explorer, and also to some extent in other browsers including google chrome. It is that I want to get rid of this wmode=opaque thing as it makes the game slow even in google chrome which is effecting game playing quality, I used window,transparent too but nothing good came out of it. Only google chrome is asking for the wmode, while our step child internet explorer is happy with it. Some more information I would like to provide so that things work fast, I am using blogger blog, I have knowledge of html, xhtml, css and for java or jquery its hint and trial.
i am interested in using a popup to show flash games in it, so i did then my interest went to make all games playable in full screen so i did that too and got success, but i am facing issues due to wmode, if you visit my this site link http:[url].....and click on play game for other browsers while using google chrome browser, you will see the error there will be blocks appearing in the game, while if click on play for google chrome then this error is not there, its just because of WMODE, for google chrome button i am using wmode while for all other browsers i am not doing this.the reason for not using wmode to my other browser play button is that if i add wmode to the games then the performance of the game is highly damaged in fireforx and internet explorer, and also to some extent in other browsers including google chrome.it is that i want to get rid of this wmode=opaque thing as it makes the game slow even in google chrome which is effecting game playing quality, i used window,transparent too but nothing good came out of it.some more information i would like to provide so that things work fast, i am using blogger blog, i have knowledge of html,xhtml,css, and for java or jquery its hint and trial.
View 1 Replies View RelatedI have a slideshow plugin and there is a function in it called stopAutoplay(). This is called when I click on the pre-defined pause button in the slideshow, so it stops.
If I switch between the slideshows(Slideshow 1 2 3) the slideshow is getting messier and messier because it starts many slideshows at the same time and the plugin gets confused what to show.
I figured if I click on the pause button before I switch to another slideshow it works fine. Therefore what I would like to achieve now is to call stopAutoplay() somehow before I switch to the new slides.
How can I call stopAutoplay() from the html file when I click on one of the slideshow 1 2 3 buttons?
I've tried the codes in green below but they don't work.
fadeSlideShow(); plugin pause function part:
stopAutoplay = function(){
clearInterval(intval);
intval = false;
[Code]....
If there is a better solution let's say to kill everything before the new slideshow appears it's even better. Although I've tried die(), empty(), detach(), remove(). I hoped remove() would help cause as I read it's suppsed to remove everything but for some reasons it doesn't...
I am creating an extension plugin to the jQuery UI Date Picker plugin mostly to just standardize the options used, as well as to add an icon to open the calendar. I am aware of the plugin's use of an icon trigger, but this will not work, as I am using an icon in my sprite image and not wanting an additional request for a mere icon.
My plugin code:
(
function
(
$
)
[Code]....
This is where it really perplexes me as this code does work to produce the calendar icon. while I could get it to work this way, it is obviously not the better choice as it should be part of the extension plugin and not get repeated in all of my various implementations of the plugin.
I'm trying to take the hex value chosen from a jQuery colorpicker plugin, and store it as a cookie using the jQuery cookie plugin. I just don't know the appropriate way to tie the two together.
[Code]...
I need to localize my validation plugin in general. Hence I thought I have to override the default code with this one:
But it's not working. Another problem is, that I can't access input names like this > name="xyz[1]" Is there a way to do so?
Having looked at the ajax examples offered for the form plugin i was intruiged to find out how i could go about validating the form using the formvalidate plugin during the beforeSubmit callback. Ive seen that you can validate the ajaxform as shown in the following example. [URL] However i'd like to use the formvalidate as it offers alot more..
View 1 Replies View RelatedI cant get the easing plugin to work with cycle plugin
1. does cycle 2.65 work with easing 1.3
2. does easing work on the scrollHorz
3. if both of these are true then what am i doing wrong
$('#slideshow').cycle({
im using the validate plugin with the meta data plugin
jQuery(document).ready(
function(){
jQuery("#com-createForm").validate({ meta: "rules" } );
});
and then in the html i have for example
[Code]...
To jquery and am wanting to incorporate 'Cloud Carousel' plugin in another jquery plugin (jquery popup with grayed out background). However, I am struggling to make it work. whereas normally the 'Cloud Carousel' displays as you seen on their website, in my implementation, all the images are sitting on top of each other, as if, they are sitting in a stack and one by one they appear on top.
View 4 Replies View Relatedm relatively new to Jquery and have come accross these two plugins.Having looked at the ajax examples offered for the form plugin i wasintruiged to find out how i could go about validating the form usingthe formvalidate plugin during the beforeSubmit callback.Ive seen that you can validate the ajaxform as shown in the followingxample.malsup.com/jquery/form/#code-samplesHowever i'd like to use the formvalidate as it offers alot more....
View 1 Replies View RelatedI have a page where im using the Star Rating Widget. I need it to change more than one set of radio buttons into stars, but under the same div.jQuery(document).ready(function(){ jQuery("#stars-disabled").stars({ disabled: true});});#stars-disabled being the div, which is used more than once as i have a random amount of users commenting on and rating the same product.So far it only converts the first set it comes across, then the rest are left as normal.Anybody know how i can get jQuery to continue changing all radio buttons within the stars-disabled div.
View 2 Replies View RelatedHave had a look around at some galleries/menus etc and if anyone was able to tell me the plugin TBWA might have used on their website?
View 4 Replies View RelatedI originally tried this but found it to be quite problematic: [URL]I don't think it's jQuery 1.4 compatible either.I then went on to try a JavaScript script that I found elsewhere, but that also brings up new problems!All I need is a simple bug-free jQuery plugin that will fix the opacity bug in IE6.
View 2 Replies View RelatedI am trying to make a jquery plug in work for me. I am using the horizontal scroller jquery easing plug in but I cannot get in to work right? The way the tutorial I used has you set it up is you use divs for each link so it scrolls to the next div. My problem is that I have 3 different pages that my navigation needs to scroll to so I have no idea how to make those into divs?
The way the tutorial has it the links are actually divs but I have changed it to attempt to make it work but it doesnt........
has the html like this:
<div class="section black" id="section1">
<ul class="nav">
<li>1</li>
<li><a href="#section2">2</a></li>
[Code].....
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/"></script>
<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
<script type="text/javascript" src="js/startstop-slider.js"></script>
and they work fine in the slides in All other browsers but IE, If I remove the "interface.js" the slide works but I want both to work
New to the forum. I have a problem with the Cycle plugin. Actually, it works great, but the paragraphs I am cycling aren't formatted according to my CSS. What am I doing wrong? View at [URL]..
View 1 Replies View RelatedI want to download BeautyTips. I go to [URL].... and I get to what appears to be an appropriate page.However, I can't find anything to click that seems to result in a download.
View 1 Replies View Relatedfirst public release of myjquery.largephotobox plugin.I've posted it on the google code page:[URL]
View 1 Replies View RelatedI am new here and I seached vor problems with IE7 and JQuery Cycle Plugin but haven't found anything helpful for me. My problem: I almost copied the demo skript from [URL]...and changed it to my local folders using Dreamweaver (not laughing, I
am not a professional programmer). In Dreamweaver live-view it works perfekt. So it does in Mozilla and Opera. But not in IE. There I can just see my 3 test-pictures beneath each other but no funktionality.
[Code]...
