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.
View 2 Replies
Similar Posts:
Jun 2, 2011
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...
$('#form').show();
$('#loading').hide();
View 2 Replies
May 10, 2011
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.
View 1 Replies
Jan 19, 2011
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:
[Code]...
View 1 Replies
Mar 14, 2010
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.
View 1 Replies
Jan 15, 2010
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.
I've attached a screenshot from them.
Attachments:
distortedText.jpg
(120.5 K)
View 8 Replies
Jul 14, 2010
Problem: the text inside my movieclip gets distorted when the movie clip is scaled.
Code:
import caurina.transitions.Tweener;
//variables for justMePage
import flash.events.Event;
[code]....
how do i make the text still look good even if the movie clip that it belongs to is scaled?
View 1 Replies
Mar 21, 2010
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!
View 1 Replies
Dec 21, 2011
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.
View 40 Replies
Apr 13, 2010
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.
View 3 Replies
Dec 18, 2010
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
[code].....
View 2 Replies
Jan 14, 2011
I have 2 divs each containing SWFObjects. Here's the jquery that shows/hides my Divs:
$(document).ready(function(){
$("#DIV2").hide();
$('#button1').bind('click', function() {
[Code]...
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.
View 2 Replies
May 17, 2011
Change flash src with jquery? [code]...
View 1 Replies
Jun 6, 2011
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.
View 1 Replies
Nov 21, 2011
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???
View 2 Replies
Jan 29, 2010
I've tried a few ways but nothing seems to work. What I'd like to do is have my users post video's with the given embed code (example):
<object id="cnbcplayer" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="380" codebase="[URL]">
<param name="type" value="application/x-shockwave-flash" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
[Code] .....
But then, I want to resize it to be 300px wide. I've tried updating the attributes with jQuery but that didn't work.
View 1 Replies
Feb 22, 2010
Here's my code:
<!DOCTYPE html>
<html>
<head>[code]....
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:
<script>
document.write('<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/HPPj6viIBmU&hl=en_US&fs=1&"></param><param [code]....
It seems that IE6 ignores the <object> tag, here's the code it embeds.
<EMBED src=http://www.youtube.com/v/HPPj6viIBmU&hl=en_US&fs=1& width=480 height=385 type=application/x-shockwave-flash allowfullscreen="true" allowscriptaccess="always"></EMBED>
View 4 Replies
Apr 26, 2010
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 {
[code].....
View 2 Replies
Jul 7, 2010
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?
View 2 Replies
Dec 23, 2010
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?
View 3 Replies
Mar 6, 2011
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.
View 1 Replies
May 5, 2011
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.
View 4 Replies
Jan 19, 2009
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.
View 1 Replies
Oct 4, 2010
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:
<div id="play-btn">
<a class="play-video" href="#flashArea1">Play Video</a>
</div>[code].....
View 1 Replies
Jun 15, 2011
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.
Link to site: [URL]
Embedded video code:
[Code]....
View 1 Replies
Nov 8, 2011
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?
View 1 Replies
Feb 19, 2010
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?
View 1 Replies
Oct 24, 2011
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 = {};
[Code].....
View 1 Replies
Jun 2, 2010
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.
Here is a snippet of my code:
<script type="text/javascript" language="Javascript" src="jquery.1.4.2.js"></script>
<script type="text/javascript" language="Javascript"
[Code]....
View 2 Replies
Apr 19, 2011
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?
View 1 Replies
