Idee:
Dieses Beispiel zeigt eine modifizierte FLV Playback Komponente, die rechts unten einen Button für den Fullscreen-Modus enthält.
Der ursprünglich im Skin enthaltene „forwardButton“ wurde für den Fullscreen-Modus zweckentfremdet. In der .fla Datei sorgt untenstehender Code dafür, dass nach dem Laden der Skin-Datei dem forwardButton die neue Fullscreen-Funktionalität zugewiesen wird.
Update: Eine neue Version des Players gibt es im Beitrag FLV Flash Video Player Version 0.2
Skin Modifikation:
Zusätzlich wurde einiges an der Skin-Datei („SteelExternalAll.swf“) verändert:
- alle Symbole wurden durch geglättete (Vektor-)Symbole ersetzt, die auch im Vollbild-Modus „scharf“ sind
- „forwardButton“-Symbol durch ein „Fullscreen“-Symbol ersetzt
- helleres Grau in Kombination mit dunklen Symbolen
Hinweis in eigener Sache: Die Grundlagen für die Verwendung der FLV Playback Komponente und die Modifikation von FLV Playback Skins finden Sie in Kapitel 13 und den dazugehörigen Workshops von „Interaktives Video im Internet mit Flash“.
Demo:
Fullscreen Modus mit der FLV Playback Komponente (neuster Flash Player 9 wird benötigt, siehe auch vorigen Beitrag)
Source Files, .zip (demo & skin)
Update: Es gibt jetzt eine extra Seite für den Player: FLV Flash Video Player
Code:
[as]// FLV Playback fullscreen demo: replacing the forwardButton with a fullscreenButton
// www.video-flash.de
import mx.video.*;
// functions to enter and leave full screen mode
function goFullScreen() {
Stage[„displayState“] = „fullScreen“;
}
function exitFullScreen() {
Stage[„displayState“] = „normal“;
}
// overwriting the forwardButton-function (after the skin has loaded)
var listenerObject:Object = new Object();
listenerObject.skinLoaded = function(eventObject:Object):Void {
myFLVPlayback.skin_mc.forward_mc.onRelease = function() {
if (Stage[„displayState“] == „fullScreen“) {
exitFullScreen();
trace („Exit Full-Screen …“);
}
if (Stage[„displayState“] == „normal“) {
goFullScreen();
trace („Go Full-Screen …“);
}
}
};
myFLVPlayback.addEventListener(„skinLoaded“, listenerObject);[/as]
english information:
I’ve replaced the forwardButton of the Component with a fullscreenButton. I also replaced the button-symbols with vector-graphics, because the looked ugly in fullscreen-mode.
Hallo,
ich nutze diesen Player. Mir ist aber aufgefallen, dass es im IE unter Windows XP einen Fehler gibt. Ich wenn ich im FullScreen mode bin und ich (statt escape) noch einmal auf den maximieren Button klicken, wird der Film nicht wieder verkleinert. Nur escape hilft hierbei weiter. Das Problem gibt es nicht in Firefox oder am Mac (alles Flash 10 player).
Gibt’s da eine Lösung?
Bitte mal mit der aktuellen Version checken:
http://www.video-flash.de/flv-flash-fullscreen-video-player/