jgubman / videojs-theater-mode Goto Github PK

I have this on my page:

The script is being called correctly.

player.theaterMode({ elementToToggle: 'page', className: 'theater-mode' });

player.on('theaterMode', function(elm, data) {
if (data.theaterModeIsOn) {
// do something
} else {
// do something else
}
});

That seems okay. But the button is blank, and when I click it I see the class changing properly. But absolutely nothing is happening on the page.

Am I missing something?

https://www.traileraddict.com/util/test-videojs5.html

Cheers
Ryan

works with v4?

Hi @jgubman

Please, would you have some tips on how to remove that 'shining' effect when hovering the theater mode button? I tried tweaking some of the css and the main plugin code, but the shining is still there.

Thanks

How do you change the tab order or button placement?

I tried this without success: var toggle =

player.controlBar.addChild('theaterModeToggle', options, 4);

Didn't work.

It is placing the button close to progress bar and far from the fullscreen button, which I'd like it to sit right in front of.

How can I move it or tell it to go before the fullscreen button?

Is there any intention to launch a new version supporting VideoJS 6.4 anytime soon? I've tried to use it but isn't working.