If you don't find an answer, please click here to post your question.

V3 + CSS with player V3

0 Kudos
Started ‎09-30-2014 by
Modified ‎09-30-2014 by

V3 + CSS with player V3

by on ‎09-30-2014 04:09 AM (507 Views)

V3 + CSS 

Player v3

 

Example with CSS and v3

 

Device Compatibility

iOS, Android, Flash

Operative System

Mac OSX  version 10.7.2

Browser

Firefox 6.0.1 and above

Troubleshooting tools

jsfiddle

Other

Other

 

HOW TO RESOLVE

Depending of the elements, you can add colors and style

 

<script type="text/javascript" src='//player.ooyala.com/v3/ce540a824b9949b0a4965b9f95457122?platform=html5'></script>

<div id='playerwrapper' style='width:480px;height:360px;'></div>

<script>

var videoPlayer = OO.Player.create('playerwrapper', 'ZjNmthazo5CzzFr0faiBi-MfvelAOBut');

</script>

<noscript><div>Please enable Javascript to watch this video</div></noscript>

<style>

#playerwrapper .oo_promo div.oo_start_button { background-color: red; }

#playerwrapper div.oo_controls { background-color:red; opacity:0.8;}

/* Background color of the play progress bar */

/* Use !important to force override */

.oo_playhead_progress {

background:red !important;

}

/* Background color of the buffer progress bar */

/* Use !important to force override */

.oo_buffer_progress {

background:#800 !important;

}

</style>