Forum user: checat

Configuration fragment:

canvas: {
    background:'url(...) no-repeat 50pct 50pct',
    backgroundColor: '#400000',
    backgroundGradient:[0,0.25]
}

With this fragment I get background image over white background, no matter which color specified.
If I remove 'background' line, I get correct color and gradient.
If I remove 'backgroundColor' line, I get correct image over black-white gradient (#000000 backgroundColor).
With both lines there backgroundColor is not applied, #ffffff applied instead.

That fragment worked in 3.1.x, but does not work in 3.2.2

Still the same, year passed.
Checked on your own demo in Opera 10.61.

I assume you mess with container's onclick when player is installed, but forget to remove that event from container when player is not available.

http://flowplayer.org/tools/toolbox/flashembed.html#api
<cite>
Flashembed API
getRoot() DOM element Returns the container for the Flash object
</cite>

In reality, Flashembed API (this in onFail function) in flowplayer 3.2.2 has getContainer() method and does not have getRoot() method.

Still the same quick fix for this bug, updated to 3.2.2

--- flowplayer-3.2.2.js
+++ flowplayer.js
@@ -1449,7 +1449,7 @@
                                for (var k in conf) {
                                        if (conf[k]) {
                                                var val = conf[k];
-                                               vars += k +'='+ (/function|object/.test(typeof val) ? f.asString(val) : val) + '&';
+                                               vars += k +'='+ (/function|object/.test(typeof val) ? f.asString(val) : val).replace(/&/g, '%26') + '&';
                                        }
                                }
                                vars = vars.slice(0, -1);

Strange enough it is not fixed already in flowplayer.js

For me, it is clearly the responsibility of API to escape special characters. There is clear case in my post, how it breaks flowplayer's own demos.

Thank you for the solution.

Anyway, is there a way to stretch the background proportionally for windowed mode and for fullscreen separately?

http://flowplayer.org/documentation/skinning/controlbar.html says:

"Here you can see an alternative controlbar skin called "tube". It is another official controlbar skin that is contained on the downloadable zip- file."

There is no flowplayer.controls-tube-3.1.1.swf in flowplayer-3.1.1.zip and flowplayer.commercial-3.1.1.zip.

Also, I've found no links to flowplayer.controls-tube on the site, except of inside of demo configuration, from where I've constructed the URL
http://flowplayer.org/swf/flowplayer.controls-tube-3.1.1.swf

Also, the link to http://flowplayer.org/js/flowplayer-3.1.1.js from
http://flowplayer.org/documentation/api/index.html#download1 is broken

Note that this code:

// flash does not handle %- characters well. transforms "50%" to "50pct" (a dirty hack, I admit)
obj = obj.replace(/^s?(d+)%/, "$1pct");

seems to be related to the same mistake: not urlencoding values in flashvars generation. If they were urlencoded, I assume, there is no reason for this "dirty" translation.

http://flowplayer.org/demos/installation/div-tag.html

When JavaScript is on, but there is no (or disabled) Flash plugin, this demo shows text:

Flash version 9,0 or greater is required
You have no flash plugin installed
Download latest version from here

Unfortunately, link tohttp://www.adobe.com/go/getflashplayer from that text does not work in Opera (9.63) and Firefox (2.0.0.20). Hovering it works, styles applied, one can right-click the link and copy link's address, but simple left-clicks on link do not work.

In IE7 it works.

The same applies to custom HTML links (if they are inserted into container via innerHTML in onFail event).

Bug:
ampersand (&) anywhere in flowplayer config or in movie URL breaks flowplayer.

Example:
take demo on
http://flowplayer.org/demos/installation/index.htm
, and replace URL
http://player-e7.simplecdn.net/flowplayer.flv
in it with URL
http://player-e7.simplecdn.net/flowplayer.flv?a=1&b=2

Demo stops working, while new URL is completely valid for downloading.

Reason:
Flash player splits its parameter "flashvars" by ampersands, so flowplayer.swf doesn't receive valid configuration string.

Proper solution:
Serialized config in "flashvars" parameter must be urlencoded. "flashvars" should not contain ampersands or any other pontentially harmful character. For example, config for content plugin can contain anything: quotes, apostrophes, <, >, spaces. Those characters must be urlencoded (or otherwise quoted) after serializing config values. Sorry, I have no direct link to Flash programming manual.

Quick fix for ampersands:
In file flowplayer-3.1.0.js
replace line

vars += key +'='+ (typeof c[key] == 'object' ? asString(c[key]) : c[key]) + '&';

with line

vars += key +'='+ (typeof c[key] == 'object' ? asString(c[key]) : c[key]).replace(/&/g, '%26') + '&';