Firefox needs mousemove events from Flash

[heff]

(Discovered in videojs/video.js#691 and mentioned by bkelley in IRC #videojs)

With the latest control bar updates in video.js core (in master, not released yet) we moved to tracking mouse/touch events to determine when the controls should be visible. Other browsers emit mousemove events from swf element, but Firefox does not, meaning once the controls hide, they never show again.

bkelley has a partial fix but it causes flickering of the control bar (because of mouseouts bubbling from control elements) and this shouldn't work in fullscreen when you can't ever mouse out of the player area.

The real fix will be to bubble mouse move events from the swf to the JS layer. It can probably be implemented in the same way as the stageclick event in the following lines. However we'll need to make sure we're not doubling up the mouse events in browsers that do fire mousemoves for the swf element.

video-js-swf/src/VideoJS.as

Line 146 in 50b73bf

stage.addEventListener(MouseEvent.CLICK, onStageClick);

video-js-swf/src/VideoJS.as

Line 343 in 50b73bf

private function onStageClick(e:MouseEvent):void{

video-js-swf/src/com/videojs/structs/ExternalEventName.as

Line 24 in 50b73bf

public static const ON_STAGE_CLICK:String = "stageclick";

[sangatpedas]

This is my solution, no flickering whatsoever and works fullscreen but it's not in the videojs code itself:
//solve the user-active / inactive bug with flash player
var isFirefox = typeof InstallTrigger !== 'undefined';

if (isFirefox) {
    var _player_canvas = document.getElementById("vidtag_flash_api");

    function mousMove () {
        player.reportUserActivity();
        document.getElementById("vidtag_flash_api").removeEventListener( 'mousemove', mousMove, true);
        setTimeout(function(){addlistener();}, 2000);
    }


    function addlistener() {
        document.getElementById("vidtag_flash_api").addEventListener( 'mousemove', mousMove, true);
    }
    addlistener();
}

[heff]

I was able to fix this (in all my testing at least) by manually bubbling the mousemove event. See videojs/video.js#899

I turns out Firefox was firing the mousemove events, but they just weren't bubbling up to the player div like in other browsers.