
How to show vertical volume controller on control bar.
We have created own skin file and We are not unable to show volume controller on control bar.
We have two delivery Live and On Demand. Volume controller shows in live delivery. But is not showing in On Demand delivery.
<?xml version="1.0" encoding="utf-8" ?>
<skin target='6.0' name='OnDemandVideoSkin' author='skinAuthor'>
<settings>
<setting name="backcolor" value="0x000000" />
<setting name="frontcolor" value="0xeeeeee" />
<setting name="lightcolor" value="0xeeeeee" />
<setting name="screencolor" value="0x000000" />
</settings>
<components>
<component name="controlbar">
<settings>
<setting name="margin" value="0" />
<setting name="fontsize" value="11" />
<setting name="fontcolor" value="0xd2d2d2" />
<setting name="buttoncolor" value="0xEEEEEE" />
</settings>
<elements>
<element name="background" src="background.png" />
<element name="capLeft" src="divider.png" />
<element name="capRight" src="divider.png" />
<element name="divider" src="divider.png" />
<element name="blankButton" src="blankButton.png" />
<element name="fullscreenButton" src="fullscreenButton.png" />
<element name="fullscreenButtonOver" src="fullscreenButtonOver.png" />
<element name="pauseButton" src="pauseButton.png" />
<element name="pauseButtonOver" src="pauseButtonOver.png" />
<element name="playButton" src="playButton.png" />
<element name="playButtonOver" src="playButtonOver.png" />
<element name="elapsedBackground" src="spacer.png" />
<element name="durationBackground" src="spacer.png" />
<element name="timeSliderBuffer" src="timeSliderBuffer.png" />
<element name="timeSliderProgress" src="timeSliderProgress.png" />
<element name="timeSliderThumb" src="timeSliderThumb.png" />
<element name="timeSliderRail" src="timeSliderRail.png" />
<element name="timeSliderCue" src="timeSliderCue.png" />
<element name="normalscreenButton" src="normalscreenButton.png" />
<element name="normalscreenButtonOver" src="normalscreenButtonOver.png" />
<element name="ccButtonOff" src="ccButtonOff.png" />
<element name="ccButton" src="ccButton.png" />
<element name="muteButton" src="muteButton.png" />
<element name="muteButtonOver" src="muteButtonOver.png" />
<element name="unmuteButton" src="unmuteButton.png" />
<element name="unmuteButtonOver" src="unmuteButtonOver.png" />
<element name="volumeCapLeft" src="volumeCapLeft.png" />
<element name="volumeCapRight" src="volumeCapRight.png" />
<element name="volumeRail" src="volumeRail.png" />
<element name="volumeRailCapLeft" src="volumeRailCapLeft.png" />
<element name="volumeRailCapRight" src="volumeRailCapRight.png" />
<element name="volumeProgress" src="volumeProgress.png" />
<element name="volumeProgressCapLeft" src="volumeProgressCapLeft.png" />
<element name="volumeProgressCapRight" src="volumeProgressCapRight.png" />
</elements>
</component>
<component name="tooltip">
<settings>
<setting name="fontcase" value="normal" />
<setting name="fontcolor" value="0xacacac" />
<setting name="fontsize" value="11" />
<setting name="fontweight" value="bold" />
<setting name="activecolor" value="0xffffff" />
<setting name="overcolor" value="0xffffff" />
</settings>
<elements>
<element name="background" src="background.png" />
<element name="arrow" src="arrow.png" />
<element name="capTop" src="capTop.png" />
<element name="capBottom" src="capBottom.png" />
<element name="capLeft" src="capLeft.png" />
<element name="capRight" src="capRight.png" />
<element name="capTopLeft" src="capTopLeft.png" />
<element name="capTopRight" src="capTopRight.png" />
<element name="capBottomLeft" src="capBottomLeft.png" />
<element name="capBottomRight" src="capBottomRight.png" />
<element name="menuOption" src="menuOption.png" />
<element name="menuOptionActive" src="menuOptionActive.png" />
<element name="volumeCapTop" src="volumeCap.png" />
<element name="volumeCapBottom" src="volumeCap.png" />
<element name="volumeRailCapTop" src="volumeRailCapTop.png" />
<element name="volumeRailCapBottom" src="volumeRailCapBottom.png" />
<element name="volumeRail" src="volumeRail.png" />
<element name="volumeProgress" src="volumeProgress.png" />
<element name="volumeProgressCapTop" src="volumeProgressCapTop.png" />
<element name="volumeProgressCapBottom" src="volumeProgressCapBottom.png" />
<element name="volumeThumb" src="volumeThumb.png" />
</elements>
</component>
</components>
</skin>