- #HOW TO CHANGE DEFAULT VIDEO PLAYER ANDROID BOX HOW TO#
- #HOW TO CHANGE DEFAULT VIDEO PLAYER ANDROID BOX GENERATOR#
- #HOW TO CHANGE DEFAULT VIDEO PLAYER ANDROID BOX SKIN#
- #HOW TO CHANGE DEFAULT VIDEO PLAYER ANDROID BOX CODE#
When you select Inspect, Chrome's Development Tools will open. From the selections that appear choose Inspect.
#HOW TO CHANGE DEFAULT VIDEO PLAYER ANDROID BOX HOW TO#
If you wish to alter the appearance of the play button you first need to know how to address it. In the example below a border is added around the player. If you do wish to customize the iframe itself, you can do this by using an element selector. You do this by going to the Players module, then click on the player with which you wish to associate the CSS, then in the Plugins > Stylesheets section add the path you your CSS file. The styles you create will still work with the player in the iframe, but a CSS file will need to be created and associated with the player using Studio. You will still see the player with the video-js class, but it will be, of course, inside the iframe, and inside the video-js tag. If you are using the Standard (iframe) implementation of the player the situation is different. For instance, to include a border around the player you can use this style: Once you know this, you can use styles to alter the player itself. In the Elements section of the Development Tools locate the tag and you will see it has a class with the value video-js assigned, among many others.
#HOW TO CHANGE DEFAULT VIDEO PLAYER ANDROID BOX CODE#
To see this, browse an HTML page with the Advanced (in-page embed) code inserted. You can alter the appearance of the player, but you must first have a way to address it. If you do not have the pre-requisite base knowledge it would be best if you work through the Step-by-Step: Player Customization. Player Note: This document assumes some knowledge of CSS and using a browser's development tools to view HTML element's classes and examine applicable CSS. The Player Configuration Guide provides the necessary information.
#HOW TO CHANGE DEFAULT VIDEO PLAYER ANDROID BOX SKIN#
If you wish to not use the default skin and create your own, this is possible using the Player Management API. See the Styling Players document for more information. There are a limited set of customization options available in Studio, which requires no knowledge of CSS to implement. This document customizes the player using CSS. For a brief introduction to using development tools in different browsers see the Debugging Basics document. The content uses Chrome's development tools, but all modern browsers have equivalent functionality.
#HOW TO CHANGE DEFAULT VIDEO PLAYER ANDROID BOX GENERATOR#