Jquery :: JScrollPane Over Video In Safari Resulting In Distorted Text
Apr 15, 2011
My site: [URL] My browser/os: Safari 5.0.4 +/Mac The issue: click on either 'calendar' or 'specials' in the masthead of the page. An overlay should reveal. Inside of that overlay there are columns of text w/ custom scroll bars (jScrollPane). In Safari, only on pages that have a flash header, the text inside of the custom scroll area is being distorted. This is not the case in any other browser (including Chrome).
My best educated guess was that it had something to do with the wmode parameter of the flash object. I tried changing the wmode from 'transparent' to 'opaque' but the problem persisted. I also considered the possibility of a z-index related issue... from what I can tell, this also is not the problem. I have searched the web high and low for someone else who is experiencing something similar but I have not been successful.
UPDATE: I determined that removing jScrollPane and adding overflow auto fixes the text distortion issue [Please see attached image]. Of course, this is not a solution because I do not want to use the default browser scrollbars but it may be useful info for debugging. ANOTHER UPDATE: This issue is not related to flash specifically. The distorted/blurred text occurs over HTML5 video as well in Safari.
Im using show/hide to load a 'loading' flash file whilst a form loadsThe div im trying to show contains an swf fileThis works fine in all browsers except safari, which does not show the swf file upon clicking the submit buttonIm using...
having a problem while resizing a flash object using jquery in Safari only on the following site:[URL]..When you navigate around I call javascript events when the flash object needs to change height and when that happens there is a quick flash where everything goes crazy and then it goes back to normal. Really weird, and I cannot figure out how to fix it.[URL]...
Let me know if you need any more info. I have drawn a blank fixing this one.
I have a problem similar to this:How to stop flash content shine-through JQuery UI Dialog in FF Windows
but only in safari and only when when I'm scrolling the content inside the dialog. When the dialog appear, everything is fine. But when you start scrolling, with the mouse wheel or by dragging the bar, the flash content start to shine through and come back. For example:
I have a psd that is the background image on a site im creating, when i test the movie it looks fine however when i upload it to the ftp the text looks jagged.
[URL]
If you look on the edges on the cost of love logo you'll see what i mean.
I created a site for a client and they are experiencing something weird with the top links in the base SWF. The links appear to be distorted or doubling up. I don't have anything extra in the MC. And what's worse is that I can't see this effect on any of the computers I have. They see it on their laptop.
My first time making anything in flash, so go easy on me. I made a set of navigation buttons for a website I'm building for a friend of mine.
When I make it in Flash, everything looks perfect. When I save it as a movie and run on my computer (in Flash Player 6), it still looks perfect. But when I put it on my website, the "M" in "HOME" gets distorted (on all browsers). See here: [URL]
Using Flash MX, can't afford the upgrade to CS right now!
I have a php/sql database that has thumb nails and videos in swf format and flv. On my html page I have an swf player. I have echoed the thumbnails and have the url of the videos. How can I get the video url playing on the player after a person clicks the thumbnail with out xml. Just by passing the url to the player.
I have hand some sucess with xml passing but this can`t work in this aspect. So I have been investigating jquery and other alternatives.
I'm looking for a good jQuery plugin that allows HTML5 video playback, with graceful fallback to Flash (and potentially further, to default system player, etc). I've googled, but nothing I've found has been quite what I'm looking for.
I need to autoplay youtube video as I click on its thumbnail.Since IE doesn't support <EMBED> tag I need preset all needed values in <OBJECT> and then create a new object with my parameters.So I did something like this:
var $newObject = jQuery('<object><param name="play" value="true"/>' + $oldObject.html() + '</object>'); // preparing virtual object on the fly. $thisObject.html($newObject.html()); //Creating new object
But I need my video in DIV2 to STOP PLAYING when it's hidden, and start from the beginning when you show it again. From what I read, I need to remove it from the DOM...but I don't understand how to re-add it. I've seen suggestions for detach(); but can't figure out where my AppendTo() would go.
I have a Flash video playing as part of a jQuery slideshow. But it seems not to be autoplaying successfully, and is loading very slowly. It usually loads on refresh, but not when someone first hits the page.The video is at link removed as it will be outdated shortly - we're moving to production; besides, the problem is solved.
I want to capture live webcam in the form of video, i am not getin the proper example in the official page documentation of the webcam plugin.How to do so???
It works with Firefox and Chrome, but something's not quite right in IE6. Sadly, one of the project requirements is supporting this browser, so even if it workis in IE7, I need to work this out.I know there's SWFObject, but I'd rather not use it (we are loading already a bunch of JS files, we don't want more).Even this won't work:
I've set up a function to pause the sound in an mp3 player whenever certain things are clicked on the page, using ExternalInterface, but I'm having a problem in IE.The setup is this: I have a video page that calls up a list of YouTube videos using RSS.he most recent video is displayed on the page in a div called "display". Then all the rest of the videos in the feed are displayed as thumbnails and links...If you click one of them, then the main 'display' video is replaced and it starts playing. All of that works fine.hat I want is for the mp3 player on the page to pause the music whenever a video is started.The ExternalInterface function works properly. Whenever one of the LINKS is clicked, the mp3 player stops and the video starts, etc.
The problem is that I also want it to stop when the MAIN video is clicked. Obviously, since this is an external video loaded from YouTube, I can't access the FLA to add its own ExternalAccess code.I've tried adding an ID to the video object and then using it as the selector in jQuery to call the stopMovie function...no go. I've tried adding a class to it, and then calling the stopMovie function when the class is clicked. I've tried putting the click function on the div that the video loads into...nothing works. If I remove the main video and just have an empty div, then click the div, the mp3 player stops...but if I load the video into the div and click it, nothing happens (in IE...it DOES work in FF).The Actionscript:
import flash.external.ExternalInterface; ExternalInterface.addCallback("stopMovie", pauseSound); function pauseSound(str:String):void {
I'm using JQuery to create a button that (when clicked), removes a flash video from the page. Unfortunately, I can't simply use hide(). I must remove() because hiding doesn't stop the video in ie8 and the sound continues to play. After the video is removed I would like it to reappear when a "show video" button is clicked. I tried to accomplish this with clone() and detach()... The video appears but does not play and has missing controls in IE only. Other browsers work fine.
The video is initially added to the page using the AC_FL_RunContent() function. The issue is that when I try to add the "removed" video back to the page by calling AC_FL_RunContent( 'codebase'... The page refreshes and shows only the video. Everything else has disappeared. How can I prevent that from happening?
I would like to take a Flash video that is hosted on another site (like Youtube) and embed it into my own site with a custom designed HTML5 / CSS / jQuery GUI for player controls.
Would I have to create the new player GUI in Flash?
Flash content should have wmode set to opaque. In my case, part of the JQuery dialog is above and part is below. Obviously it's possible for stuff to appear on top of the flash video (because part already is), but I don't know why most of it appears under the Flash.
On a page with an embedded Flash video (from YouTube in an <iframe/>), is it possible to be notified through JavaScript when the user starts or stops playing a video?
As far as I know, events raised on Flash level are not propagated to the container page, so it is not possible to do that.
I have a banner container with buttons that rotates multiple banners. Each banner has specific buttons for each with text that changes color when the banner is active.[code]...
The problem: The text color changes in IE, but not in Firefox and Safari. And the weird thing is I tested in other computers and some will work in all browsers and some only works in IE. Everything works ok when tested locally.
I am trying to get a youtube video to play in a fancybox popup window. The popup window comes up okay, but the video does not play. Firebug indicates that all the necessary elements are loading, but no video.On this page everything works fine.On this page the window pops up but no video. Here is the html:
I'm having issues with a YouTube video breaking a jQuery slider when viewed on an Apple mobile device. The slider uses a set width & height window that uses the overflow:hidden property. It looks great in all browsers except for Apple devices where all of the slides are visible in a row as if the overflow:hidden property did not take effect.
I have a modal dialog with a flash video on it and I'm using the jQuery draggable plugin to make it draggable. On Chrome, it doesn't let me play the video (when I click on the play button it does nothing, though I can drag the div around if I hold down the mouse). On Firefox, the video will play, but the mouse gets "stuck" to the div and the div follows it around. Is there some easy way to prevent dragging on the flash div?
I created an ajax jQuery featured content slider that will automatically navigate through each tab. Each tab has some basic html. The one I used is this one: [URL]. For some reason, when I embed a flash video in it, the flash video overflows the div. It looks fine in Chrome and Safari but not the latest version of Firefox (3.6) on the PC. Is it not handling overflow or z-indexes correctly?
Why are text fields not catching events properly in Safari when wmode is transparent (no problems in ie/ff/chrome)? The only workarounds I've found involve sending html form field events to flash through an external interface (eg. overlaying html form on flash).
Edit: Swfobject embed code...
<script> var swfVersionStr = "10.2.0"; var xiSwfUrlStr = "playerProductInstall.swf"; var flashvars = {};
How can I display alternate HTML with the jquery.swfobject plugin for browsers without Flash? I'm unable to find any documentation or examples showing how to do this.
I've looked high and low for an answer to this and I'm hoping someone has an answer, or at least a tip on how to avoid it.I'm loading a static HTML file into a container via the jQuery load() method. This static HTML file has a script which loads a swf. When I load that particular file, I get the white screen of death (WSOD) and the page explodes and everyone in the room dies a horrible death.I've had this happen also when using the jQuery wrap methods (wrap, wrapOuter, etc.) when a swf is present.It seems manipulating the DOM with a container that has a swf object causes this. Does anyone have a solution or a way that I can prevent it happening?