jgubman / videojs-theater-mode Goto Github PK
View Code? Open in Web Editor NEWAdds a "theater-mode" class to a passed in DOM element so apps can define theater mode in their local CSS
License: MIT License
Adds a "theater-mode" class to a passed in DOM element so apps can define theater mode in their local CSS
License: MIT License
I have this on my page:
<script src="/videojs/videojs.theaterMode.js"></script>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?
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?
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.