Javascript :: Detect If Native FlashBlock Is Enabled In Chrome (and Others)?
May 17, 2011
Chrome has bundled a "native" flashblock for a while, as has the android browser. swfobject reports that the flash player is available, even if the block is enabled for all sites. All I want to do is detect that a user is using native flashblock, and provide some messaging. Certain services, like the Facebook JS SDK, do not work without flash enabled for cross-domain communication, and do not provide methods of detecting failure. I know how to detect an extension/plugin like the original flashblock, but the native version does not appear in the navigator.plugins list.
Is there a way to detect if a user is running with a native flashblock enabled?
So I've looked this up in a few different places, and the only answer I've seen is "style the span.sIFR-alternate element". Problem is, if I apply any styles to that element that will actually have it appear & be placed correctly, it shows up alongside the sIFR text when FlashBlock isn't present (e.g. in Safari/IE) or is disabled. Here's the default styles for .sIFR-alternate:
Flash has the ExternalInterface class which can communicate to JavaScript running in the browser Can you use the ExternalInterface.available property to check if JavaScript is enabled?
How do I embedded a HTML-enabled javascript editor on top of Flex web application? FCKEditor is not free but any free editor with basic toolbar will do?
Here's the challenge: I have a Flash movie which will be embedded in a page using an unknown DOM ID that I want to be able to identify/store for callback in a JS function. My ideal user flow would be: User clicks button in Flash. Flash pauses any animations / video / sounds / etc. Flash calls an injected JS function to display a page-covering overlay experience. When user closes overlay experience, a callback method on the Flash object is called. Flash resumes playback.
The problem is, when AS3 uses the ExternalInterface.call("functionName", args...) method, there doesn't seem to be a DOM event triggered, and thus it is impossible to tell which object called a JS function, so having a "registerMe()" function doesn't seem to work. Basically, the injected JS function has no way to determine which DOM object to call, because the ID of the Flash object is unknown.
Am I using the code improperly or is there a flaw in SWFObject? If you go to the URL below you can see that it the flash file (an MP3 player) shows up perfectly fine in Chrome. However, in both Firefox and IE8 it loads a blank white box. If you mouse over the box the pointer changes to a hand as if its registering the buttons, just not actually displaying them. Link: [URL] (MP3 player should be displaying in the right-hand empty column)
I'm making a callback from javascript to a method on my swf. It works in Firefox with no problems, but in chrome the second parameter that's passed is always received as null? I've debugged my javascript and found that everything is working fine and the two values that are passed to the swf are correct at the point where the callback to the swf is made. At first i thought this might be a cross domain issue, but have ruled that out as if it were the case then the method on swf would just not be called at all. The second value is a binary string representation of an image and the length of the string that is passed is 101601, so i'm wondering whether there's possibly a limitation on the amount of data that can be passed? The first parameter is a much smaller string representing the file type and this always gets received successfully.
This is a simple page I am trying to add a .swf to, with a small custom made js function I slapped up. With chrome the swf is pushed up and out of the navigator window and is missing the top half.
I have tried this quick and dirty approach to detect browser and set the proper background values for each browser:
var browser = BrowserDetect.browser; var height = ''; var width = ''; switch (browser){
[Code].....
For the movie size in the embed tag: I have tried percents, I have tried pixels, quite a few different combinations. There is always at least one browser that chokes no matter how I set it. Right now it is chrome that chokes. Does anyone knowing the trick to these parameters mind clueing me in on a proper efficient method to integrate a .swf?
Maybe the outer html code is not properly structured and causes this? I am not specialised integration, I am mostly a back-ender, tried a few solutions online but this custom .js that sets values for <nosript> is the only way I managed to get this close to working crossbrowser.
My question basically, what are the clean efficient ways used by integrators to integrate swf cross browser, and is my approach workable if I set proper values?
I am developing an Adobe AIR application which uses both native windows and floating panels. Is is possible to enable the creation of a floating window instead of a native window when a JavaScript window.open() function is called?
It is required that all of the floating windows are contained within one native window, therefore the creation of more native windows is not suitable.
I have used a Custom HTMLHost class in order to enable the creation of a native window but I can't work out a way of creating a MDI window instead. I am using the flexMDI framework for my floating panel interface.
I would like to develop (or find, if one is already in development) a framework with support for accelerated graphics and sound built on a system flexible enough to compile to the following:
It appears that the flash variables are not accessible in Chrome when Javascript is turned off. Having said that, Youtube seem to work fine, when I test other sites like www.nhs.uk it does not seem to work, nor does mine.
I am using the most recent version of Chrome on Windows. Is there anything special that I need to target Chrome, how do I resolve this issue ?
I'm working on a Google Chrome extension that monitors mouse events. For some reason the following javascript code in the extension's content script is causing embedded Flash content to break:
[Code]...
If you mousedown inside a Flash element, it never registers the mouseup and it appears as though you're still holding your mouse button down even though you've let go. At first I thought it was some kind of event bubbling issue, that this method was swallowing the event, so I tried returning true (and false for that matter) but it didn't seem to have any effect.
I then populate the page with some Flash controls (in my case, I'm using Uploadify). When I click on the Flash control, I see the alert in Firefox 4. However, I do not see the alert in IE8 or Chrome (I havent tested any other browsers).
I'm hitting a brick wall here, and it's driving me mad. Used to use ExternalInterface to call Flash functions from Javascript all the time, and now under CS5 (and the way it uses object id's instead of embed in html) it's stopped working for me in certain browsers. I put together a really simple program that has the person click a link in the browser that activates a javascript function that simply sends some text in to Flash to display in a TextArea. Here's the as3 code:
My website will have a logo on the header that will play as a flash movie (animated flash movie .swf). I am looking for code / algorithm that will display an image with the same dimensions as the flash movie if Flash is not installed or enabled for the current user accessing the site. How do I do this?
I was having an issue with a Flash AS3 SWF Preloader stalling in Google Chrome only, Mac or PC, when JavaScript is disabled. It's fine with JavaScript. I diagnosed that the contentLoaderInfo Event.COMPLETE was not being fired. The successful workaround was to use the ProgressEvent.PROGRESS to check when the bytesLoaded >= bytesTotal. This worked OK in a relatively simple Flash application, however I also have an MP3 player, using a loaded XML file, MP3s, a thumbnail and other images. I am reluctant to plunge into the same workaround without first asking the question - when the bytesLoaded >= bytesTotal IS THIS THE SAME AS Event.COMPLETE? Or could I be faced with an error when trying to access either the event.target.data or event.target.content (depending on using loader or URLLoader class as required) to get the object in question?
how to best handle the issue of not having enough permission inside of a Google Chrome Extension. I am interacting with the YouTube API, but I am not using swfobject.js, just using am embdeeded div. I do not believe this is introducing my security issue, but perhaps it is. In development, I had to navigate to Adobe's flash player security page and designate my development folder as a 'safe' location. In deployment, I do not have the ability to do this. I do not want my users to have to click 'Allow All' on flash player security, but I do not see another way to achieve my results.Seems to be a duplicate of SWFobject in a Chrome Extension - API Unavaiable but remains unanswered.Source: https:[url].....
To run: Pull from the repo, load up Chrome, click the wrench, go to extension, check 'Developer Tools' -> Load Unpacked Extension and browse to the folder.
I'm using flash uploader and I'd like to be able to find out whether a flash blocker is present (activated) for me to able to let user know that he needs flash.There is a native support in browsers for letting users know they don't have flash installed. But how to deal with this ?I was searching in global Javascript object whether the flashblocker is exposing something, but I can't find anything.
I have flash resizing it's container div by using external interface to call the javascript:[code]Now this appears to work fine in every browser except chrome. For some reason after the div is shrunk back down to size, the flash player looks like it's frozen. It's actually not frozen because if you resize the window the flash player starts playing again and you can see it had made progress since it appeared frozen. This only happens in chrome. Does anyone have any idea why something like this might happen?The site so you can check it out yourself(yes I know it's a broken mess in IE, but I'm kind of ignoring that for now):[code]I've tried different window modes but that doesn't help. The problem is when it resizes the div back down because if I comment that line out the flash never appears to freeze. But I need to be able to resize the div...
I have downloaded SWFObject, and included it in my website. Now I want to simply get a true or false value based on whether or not Flash is installed in the users browser when they visit my site.
If no flash is installed and one browses to http:[url].... it'll launch a popup box: How exactly are they doing this? Through some jQuery java-script code snippet or other? Second, I would like to know if there is a better way to inform the user that they need flash. Or is this an appropriate way?
I need a way to send notification to the browser that my website user has entered full screen mode in Flash. On clicking a link running only JavaScript within flash it escapes full screen and completes the rest of the JavaScript.
I have a video playing on my page. I want to show and hide some div's when the video reaches a certain point. Lets say hide something on 10th second and show it again on 20th second.I can easily do it in HTML5 with video tag and currentTime attribute but for IE I have to create the same functionality and I think with flash based videos (from YouTube or something like that).Is there a way to detect the current time of a video playing on my website, embeded from YouTube, Metacafe or any other video sharing site?I know I could detect it in flash and make it run some JavaScript function but I don't have flash nor have the skills to do it in AS3.
Is there a way (in javascript) to detect if an embedded .swf was created with Flash Professional or Flex.We have a page with several tabs, each of which can contain an .swf.All tabs are defined within the same HTML file and the javascript framework calls a .rewind() and .play() on the swf when the containing tab becomes active.This works great on regular flash animation, making sure they start playing from the beginning when the tab is opened. On an swf created with Flex however, the rewind and play wreak havoc on the Flex framework and the application doesn't load.
The best way we've come up with to detect Flex is to count the number of frames the .swf has. With flex that's always 2. But this doesn't sound like the best way.We've also tried to add a callback method with ExternalInterface on the Flex application preinitialize event.Unfortunately this event is called quite late in the application startup and the javasctipt code checks the callback before the Flex code has added it.
Is there a way I can have JavaScript/jQuery know when a Flash object has been clicked (and still have Flash process the click)?
I tried putting a table on top of the object with position: fixed and a z-index and the object set to param name='wmode' value='transparent' so I could have my JavaScript detect which column was clicked using jQuery's click(), but the clicks were never intercepted by JavaScript (Chromium Linux).
I've run across several websites, including mine, that prompt users to download Flash even though their browser cannot install it. I want to avoid this confusing messaging by detecting whether a mobile browser can install Flash, not whether it has Flash.
Some known mobile browsers that can't install Flash are:
iOS Safari Android Chrome beta Android Firefox
Instead of building an ever-changing list of Flash installability, I would like to detect this in a general way in Javascript.
