_renderVideoControl(){
    return(
      <ViroNode position={[0,-0.8,0]} opacity={1.0}
        animation={{name : this.state.videoControlsAnimation, run : this.state.runAnimation, loop : false}} >

        <ViroImage
          scale={[1.4, 1.2, 1]}
          position={[0, -0.27,-2.1]}
          source={require("./res/player_controls_container.png")} />

        <ViroButton
          position={[-buttonSize-0.1,0,-2]}
          scale={[1, 1, 1]}
          width={buttonSize}
          height={buttonSize}
          source={require("./res/previous.png")}
          hoverSource={require("./res/previous_hover.png")}
          clickSource={require("./res/previous_hover.png")}
          onClick={this._playPreviousVideo} />

        {this._renderPlayControl()}

        <ViroButton
          position={[buttonSize+0.1, 0,-2]}
          scale={[1, 1, 1]}
          width={buttonSize}
          height={buttonSize}
          source={require("./res/skip.png")}
          hoverSource={require("./res/skip_hover.png")}
          clickSource={require("./res/skip_hover.png")}
          onClick={this._playNextVideo} />

        <ViroButton
          position={[-0.3, -0.4 ,-2]}
          scale={[1, 1, 1]}
          width={0.5}
          height={0.5}
          source={require("./res/icon_2D.png")}
          hoverSource={require("./res/icon_2D_hover.png")}
          clickSource={require("./res/icon_2D_hover.png")}
          onClick={this._launchTheatreScene} />

        <ViroButton
          position={[0.3, -0.4 ,-2]}
          scale={[1, 1, 1]}
          width={0.5}
          height={0.5}
          source={require("./res/icon_360_hover.png")}
          hoverSource={require("./res/icon_360_hover.png")}
          clickSource={require("./res/icon_360_hover.png")} />

      </ViroNode>
    );
  }
Render a set of Video UI Controls. This includes (in the order displayed from left to right):
Restart, Previous Video, Play/Pause, Next Video, Volume.