Referencing the DIV Container by DIV Id in Player V3 (Deprecated)

You can reference the DIV container by its DIV Id.

Important: Ooyala Player V3 is deprecated and is scheduled to be disabled on 2018-01-31. After that date, Player V3 will no longer play your video or audio content. Customers still using Player V3 need to migrate to Player V4 (see Migrating from Player V3 and Player Migration FAQ).
In the myvideo.css file we defined some very simple styles for the playerwrapper div container. By giving the div an id, you can then reference the player container by its div id name. In the following example, the div id is playerwrapper. The player is:
  • inset from the margin.
  • given a black background.
  • given a border.

In addition to the prior styles, the player opacity is set to make the video slightly transparent. In a normal video playback, this wouldn’t be desirable. However, you could use this CSS style to set the player to opaque when the viewer selects pause or for some other event. You can create any number of player UI styles and themes using CSS and JavaScript.


The following example shows how to define a div id for a div container and apply some simple styles.

#playerwrapper {
    width: 800px;
    background-color: black;
    margin: 58px;
    opacity: 0.5;
    border:10px solid silver;

Was this article helpful?