title: Android ExoPlayer , Play/Pause button in the middle of VideoPlayer
body: <p>Im using Exoplayer for playing the videos in my Android App. I want to place the play/pause button in the middle of the video player view(Like the one in the image below). How to achieve this
  <a href="https://i.stack.imgur.com/zegNf.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zegNf.jpg" alt="enter image description here"></a></p>
  
  <p>Im just inflating a new layout in place of Android default mediaController. Im wondering is it the correct way to get the below kind of image layout </p>
  
  <p>media_controller.xml</p>
  
  <pre><code>&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_gravity="center"
  android:background="#CC000000"
  android:orientation="vertical"&gt;
  
  &lt;LinearLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:paddingTop="4dip"
      android:orientation="horizontal"&gt;
  
  
      &lt;ImageButton android:id="@+id/pause"
          style="@android:style/MediaButton.Play"
          android:layout_gravity="center_horizontal"
          android:contentDescription="play/pause" /&gt;
  
      &lt;TextView android:id="@+id/time_current"
          android:textSize="14sp"
          android:textStyle="bold"
          android:paddingTop="4dip"
          android:paddingLeft="4dip"
          android:layout_gravity="center_horizontal"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:paddingRight="4dip" /&gt;
  
      &lt;SeekBar
          android:id="@+id/mediacontroller_progress"
          style="?android:attr/progressBarStyleHorizontal"
          android:layout_width="0dip"
          android:layout_weight="1"
          android:layout_height="32dip" /&gt;
  
      &lt;TextView android:id="@+id/time"
          android:textSize="14sp"
          android:textStyle="bold"
          android:paddingTop="4dip"
          android:paddingRight="4dip"
          android:layout_gravity="center_horizontal"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:paddingLeft="4dip" /&gt;
  
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p></p>