title: setting a videoview above an image in android
body: <p>I want to create the following view for an android app .
  The view should be relative, when it opens on different screen sizes the videoview should be inside the frames of the image  </p>
  
  <p><img src="https://i.stack.imgur.com/ErHvx.png" alt="preview"></p>
  
  <p>and here is the xml file so far :(</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:background="@drawable/updatemsg"
      android:gravity="center"
      android:keepScreenOn="true"
      android:orientation="vertical"
      android:padding="10dp" &gt;
  
      &lt;VideoView
          android:id="@+id/upgradevideo"
          android:layout_width="757dp"
          android:layout_height="426dp"
          android:layout_marginBottom="0dp"
          android:layout_marginTop="55dp" /&gt;
  
      &lt;Button
          android:id="@+id/upgrade_btn"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="OK" /&gt;
  
  &lt;/LinearLayout&gt;
  </code></pre>