<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/video_holder"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <SurfaceView
        android:id="@+id/video_surface"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:background="@android:color/transparent"/>

    <RelativeLayout
        android:id="@+id/video_volume_controller"
        android:layout_width="@dimen/video_side_slider_width"
        android:layout_height="match_parent"
        android:layout_alignParentEnd="true"
        android:layout_alignParentRight="true"/>

    <RelativeLayout
        android:id="@+id/video_brightness_controller"
        android:layout_width="@dimen/video_side_slider_width"
        android:layout_height="match_parent"/>

    <ImageView
        android:id="@+id/video_play_outline"
        android:layout_width="@dimen/play_outline_size_big"
        android:layout_height="@dimen/play_outline_size_big"
        android:layout_centerInParent="true"
        android:background="@android:color/transparent"
        android:padding="@dimen/activity_margin"
        android:src="@drawable/img_play_outline_big"/>

    <TextView
        android:id="@+id/slide_info"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="120dp"
        android:alpha="0"
        android:background="@drawable/black_rounded_background"
        android:gravity="center"
        android:paddingBottom="@dimen/medium_margin"
        android:paddingLeft="@dimen/activity_margin"
        android:paddingRight="@dimen/activity_margin"
        android:paddingTop="@dimen/medium_margin"
        android:textColor="@android:color/white"
        android:textSize="@dimen/extra_big_text_size"/>

    <com.simplemobiletools.commons.views.MyTextView
        android:id="@+id/video_details"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginLeft="@dimen/small_margin"
        android:layout_marginRight="@dimen/small_margin"
        android:background="@color/gradient_grey_start"
        android:padding="@dimen/small_margin"
        android:textSize="@dimen/smaller_text_size"
        android:visibility="gone"
        tools:text="My video\nAnother line"/>

    <RelativeLayout
        android:id="@+id/video_time_holder"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="@drawable/gradient_background"
        android:paddingLeft="@dimen/timer_padding"
        android:paddingRight="@dimen/timer_padding">

        <TextView
            android:id="@+id/video_curr_time"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_alignBottom="@+id/video_seekbar"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_alignTop="@+id/video_seekbar"
            android:gravity="center_vertical"
            android:text="00:00"
            android:textColor="@android:color/white"/>

        <com.simplemobiletools.commons.views.MySeekBar
            android:id="@+id/video_seekbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="@dimen/activity_margin"
            android:layout_marginRight="@dimen/activity_margin"
            android:layout_toEndOf="@+id/video_curr_time"
            android:layout_toLeftOf="@+id/video_duration"
            android:layout_toRightOf="@+id/video_curr_time"
            android:layout_toStartOf="@+id/video_duration"
            android:paddingBottom="@dimen/activity_margin"
            android:paddingTop="@dimen/activity_margin"/>

        <TextView
            android:id="@+id/video_duration"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBottom="@+id/video_seekbar"
            android:layout_alignParentEnd="true"
            android:layout_alignParentRight="true"
            android:layout_alignTop="@+id/video_seekbar"
            android:gravity="center_vertical"
            android:text="00:00"
            android:textColor="@android:color/white"/>

    </RelativeLayout>
</RelativeLayout>
