@picsa/capacitor-video-player 7.1.0 → 7.2.2

package/android/src/main/res/layout/exoplayer_layout_youtube.xml

@@ -1,361 +1,361 @@
-<?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
-  xmlns:app="http://schemas.android.com/apk/res-auto"
-  xmlns:tool="http://schemas.android.com/tools"
-  android:layout_width="match_parent"
-  android:layout_height="match_parent"
-  android:background="#59000000"
-  android:visibility="visible"
-  app:layout_constraintEnd_toEndOf="parent"
-  app:layout_constraintStart_toStartOf="parent"
-  app:layout_constraintTop_toTopOf="parent">
-
-
-  <androidx.constraintlayout.widget.ConstraintLayout
-    android:id="@+id/layout_header_view"
-    android:layout_width="0dp"
-    android:layout_height="wrap_content"
-    android:layout_marginTop="10dp"
-    android:layout_marginEnd="20dp"
-    android:orientation="horizontal"
-    app:layout_constraintEnd_toStartOf="@+id/right_buttons"
-    app:layout_constraintStart_toStartOf="parent"
-    app:layout_constraintTop_toTopOf="parent">
-
-    <ImageButton
-      android:id="@+id/exo_close"
-      android:layout_width="48dp"
-      android:layout_height="48dp"
-      android:layout_gravity="center"
-      android:background="?actionBarItemBackground"
-      android:ellipsize="end"
-      android:scaleX="1.3"
-      android:scaleY="1.3"
-      android:src="@drawable/ic_arrow_left"
-      tool:ignore="MissingConstraints"
-      android:contentDescription="Back button"/>
-
-    <androidx.appcompat.widget.AppCompatTextView
-      android:id="@+id/header_tv"
-      android:layout_width="match_parent"
-      android:layout_height="wrap_content"
-      android:layout_gravity="center"
-      android:ellipsize="end"
-      android:maxLines="2"
-      android:paddingStart="50dp"
-
-      android:text="Main text title"
-      android:textColor="@color/white"
-      android:textSize="18sp"
-      app:layout_constraintBottom_toTopOf="@id/header_below"
-      app:layout_constraintStart_toEndOf="@id/exo_close"
-      app:layout_constraintTop_toTopOf="parent"
-
-      app:layout_constraintWidth_max="wrap" />
-
-    <androidx.appcompat.widget.AppCompatTextView
-      android:id="@+id/header_below"
-      android:layout_width="match_parent"
-      android:layout_height="wrap_content"
-      android:layout_gravity="center"
-      android:ellipsize="end"
-      android:maxLines="2"
-      android:paddingStart="50dp"
-      android:text="Subtitle"
-      android:textColor="@color/white"
-      android:textSize="12sp"
-      app:layout_constraintTop_toBottomOf="@+id/header_tv"
-      app:layout_constraintStart_toEndOf="@id/exo_close"
-      app:layout_constraintWidth_max="wrap"
-      app:layout_constraintWidth_percent="0.9" />
-
-
-  </androidx.constraintlayout.widget.ConstraintLayout>
-
-  <LinearLayout
-    android:id="@+id/right_buttons"
-    android:layout_width="wrap_content"
-    android:layout_height="wrap_content"
-    android:layout_marginTop="10dp"
-    app:layout_constraintTop_toTopOf="parent"
-    app:layout_constraintEnd_toEndOf="@id/lock_layout"
-    app:layout_constraintStart_toEndOf="@id/layout_header_view">
-
-    <androidx.mediarouter.app.MediaRouteButton
-      android:id="@+id/media_route_button"
-      android:layout_width="48dp"
-      android:layout_height="48dp"
-      android:layout_weight="1"
-      android:mediaRouteTypes="user"
-      android:background="?actionBarItemBackground"
-      app:layout_constraintTop_toTopOf="parent"
-      app:layout_constraintStart_toStartOf="parent"
-      app:layout_constraintEnd_toStartOf="@id/exo_pip"
-      android:visibility="gone"/>
-
-    <ImageButton
-      android:id="@+id/exo_pip"
-      android:layout_width="48dp"
-      android:layout_height="48dp"
-      android:background="?actionBarItemBackground"
-      android:src="@drawable/ic_pip_white"
-      app:layout_constraintEnd_toStartOf="@id/exo_resize"
-      app:layout_constraintTop_toTopOf="parent"
-      app:layout_constraintStart_toEndOf="@id/media_route_button"
-      app:layout_constraintBottom_toBottomOf="parent"
-      android:visibility="gone"
-      android:contentDescription="Picture in picture button"/>
-
-    <ImageButton
-      android:id="@+id/exo_resize"
-      android:layout_width="48dp"
-      android:layout_height="48dp"
-      android:layout_gravity="center"
-      android:background="?actionBarItemBackground"
-      android:src="@drawable/ic_expand"
-      app:layout_constraintEnd_toEndOf="parent"
-      app:layout_constraintTop_toTopOf="parent"
-      app:layout_constraintStart_toEndOf="@id/exo_pip"
-      app:layout_constraintBottom_toBottomOf="parent"
-      android:visibility="gone"
-      android:contentDescription="Resize button"/>
-
-  </LinearLayout>
-
-  <LinearLayout
-    android:id="@+id/lock_layout"
-    android:layout_width="wrap_content"
-    android:layout_height="wrap_content"
-    android:layout_marginTop="10dp"
-    app:layout_constraintTop_toTopOf="parent"
-    app:layout_constraintEnd_toEndOf="parent"
-    app:layout_constraintStart_toEndOf="@id/right_buttons">
-
-    <ImageButton
-      android:id="@+id/player_lock"
-      android:layout_width="48dp"
-      android:layout_height="48dp"
-      android:layout_gravity="center"
-      android:background="?actionBarItemBackground"
-      app:layout_constraintEnd_toEndOf="parent"
-      app:layout_constraintTop_toTopOf="parent"
-      app:layout_constraintStart_toEndOf="parent"
-      app:layout_constraintBottom_toBottomOf="parent"
-      android:src="@drawable/ic_outline_lock"
-      android:visibility="gone"
-      android:contentDescription="Lock button"/>
-  </LinearLayout>
-
-
-  <androidx.constraintlayout.widget.Barrier
-    android:id="@+id/barrier_left"
-    android:layout_width="wrap_content"
-    android:layout_height="wrap_content"
-    app:barrierDirection="left"
-    app:constraint_referenced_ids="exo_pause,exo_play" />
-
-  <ImageButton
-    android:id="@+id/exo_rew"
-    style="@style/ExoMediaButton.Rewind"
-    android:layout_marginRight="40dp"
-    android:src="@drawable/ic_exo_icon_rewind"
-    android:visibility="visible"
-    app:layout_constraintBottom_toBottomOf="@id/exo_play"
-    app:layout_constraintRight_toLeftOf="@+id/barrier_left"
-    app:layout_constraintTop_toTopOf="@id/exo_play"
-    android:background="?actionBarItemBackground"/>
-
-  <ImageButton
-    android:id="@+id/exo_ffwd"
-    style="@style/ExoMediaButton.FastForward"
-    android:layout_marginLeft="40dp"
-    android:src="@drawable/ic_exo_icon_fastforward"
-    android:visibility="visible"
-    app:layout_constraintBottom_toBottomOf="@id/exo_play"
-    app:layout_constraintLeft_toRightOf="@+id/barrier_right"
-    app:layout_constraintTop_toTopOf="@id/exo_play"
-    android:background="?actionBarItemBackground"/>
-
-  <androidx.constraintlayout.widget.Barrier
-    android:id="@+id/barrier_right"
-    android:layout_width="wrap_content"
-    android:layout_height="wrap_content"
-    app:barrierDirection="right"
-    app:constraint_referenced_ids="exo_pause,exo_play" />
-
-  <ImageButton
-    android:id="@+id/exo_play"
-    style="@style/ExoMediaButton.Play"
-    android:layout_width="56dp"
-    android:layout_height="56dp"
-    android:src="@drawable/ic_exo_icon_play"
-    app:layout_constraintBottom_toBottomOf="parent"
-    app:layout_constraintEnd_toEndOf="parent"
-    app:layout_constraintStart_toStartOf="parent"
-    app:layout_constraintTop_toTopOf="parent"
-    android:background="?actionBarItemBackground"/>
-
-  <ImageButton
-    android:id="@+id/exo_pause"
-    style="@style/ExoMediaButton.Pause"
-    android:layout_width="56dp"
-    android:layout_height="56dp"
-    android:src="@drawable/ic_exo_icon_pause"
-    app:layout_constraintBottom_toBottomOf="parent"
-    app:layout_constraintEnd_toEndOf="parent"
-    app:layout_constraintStart_toStartOf="parent"
-    app:layout_constraintTop_toTopOf="parent"
-    android:background="?actionBarItemBackground"/>
-
-  <LinearLayout
-    android:id="@+id/cast_info"
-    android:layout_width="match_parent"
-    android:layout_height="wrap_content"
-    android:layout_marginStart="20dp"
-    android:layout_marginBottom="10dp"
-    android:layout_marginEnd="20dp"
-    android:orientation="horizontal"
-    app:layout_constraintBottom_toTopOf="@+id/videoTimeContainer"
-    app:layout_constraintEnd_toEndOf="parent"
-    app:layout_constraintStart_toStartOf="parent">
-
-    <androidx.appcompat.widget.AppCompatTextView
-      android:id="@+id/cast_message"
-      android:layout_width="wrap_content"
-      android:layout_height="wrap_content"
-      android:layout_gravity="center"
-      android:maxLines="2"
-      android:textColor="@color/white"
-      android:layout_marginEnd="10dp"
-      android:textSize="18sp"
-      app:layout_constraintStart_toStartOf="parent"
-      app:layout_constraintTop_toTopOf="parent"
-      app:layout_constraintWidth_max="wrap"
-      app:layout_constraintWidth_percent="0.9"
-      android:visibility="gone"
-      android:text="Casting Video" />
-
-    <LinearLayout
-      android:id="@+id/quality"
-      android:layout_width="wrap_content"
-      android:layout_height="wrap_content"
-      android:orientation="horizontal"
-      app:layout_constraintStart_toEndOf="parent"
-      app:layout_constraintTop_toBottomOf="@id/layout_header_view">
-
-      <ImageView
-        android:id="@+id/quality_icon"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_gravity="center"
-        android:src="@drawable/ic_baseline_lq"
-        android:visibility="gone"
-        app:layout_constraintTop_toBottomOf="@+id/header_below"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintWidth_max="wrap"/>
-
-      <androidx.appcompat.widget.AppCompatTextView
-        android:id="@+id/resolution_label"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_gravity="center"
-        android:ellipsize="end"
-        android:maxLines="1"
-        android:text="1280x720p"
-        android:paddingStart="3dp"
-        android:textColor="@color/white"
-        android:textSize="12sp"
-        android:visibility="gone"
-        app:layout_constraintTop_toBottomOf="@+id/header_below"
-        app:layout_constraintStart_toEndOf="@id/quality_icon"
-        app:layout_constraintWidth_max="wrap"
-        app:layout_constraintWidth_percent="0.9" />
-
-    </LinearLayout>
-
-  </LinearLayout>
-
-
-  <LinearLayout
-    android:id="@+id/videoTimeContainer"
-    android:layout_width="match_parent"
-    android:layout_height="wrap_content"
-    android:layout_marginStart="20dp"
-    android:layout_marginEnd="20dp"
-    android:layout_marginBottom="10dp"
-    android:orientation="horizontal"
-    app:layout_constraintBottom_toBottomOf="parent"
-    app:layout_constraintEnd_toEndOf="parent"
-    app:layout_constraintStart_toStartOf="parent">
-
-    <TextView
-      android:id="@id/exo_position"
-      android:layout_width="wrap_content"
-      android:layout_height="wrap_content"
-      android:layout_gravity="center"
-      android:textColor="@color/white"
-      android:textSize="14sp"
-      app:layout_constraintBottom_toBottomOf="@id/exo_progress"
-      app:layout_constraintStart_toStartOf="parent"
-      app:layout_constraintTop_toTopOf="@+id/exo_progress"
-      tool:text="00:00" />
-
-    <androidx.media3.ui.DefaultTimeBar
-      android:id="@+id/exo_progress"
-      android:layout_width="0dp"
-      android:layout_height="wrap_content"
-      android:layout_gravity="center"
-
-      android:layout_weight="1"
-      app:buffered_color="@color/white_50"
-      app:played_color="#FFFFFF"
-      app:scrubber_color="#FFFFFF"
-      app:unplayed_color="@color/white_20" />
-
-    <TextView
-      android:id="@id/exo_duration"
-      android:layout_width="wrap_content"
-      android:layout_height="wrap_content"
-      android:layout_gravity="center_vertical"
-      android:gravity="right"
-      android:textColor="@color/white"
-      android:textSize="14sp"
-      app:layout_constraintBottom_toBottomOf="@id/exo_progress"
-      app:layout_constraintStart_toEndOf="@+id/exo_progress"
-      app:layout_constraintTop_toTopOf="@+id/exo_progress"
-      tool:text="00:00" />
-
-  </LinearLayout>
-
-  <androidx.constraintlayout.widget.Guideline
-    android:id="@+id/guideline"
-    android:layout_width="wrap_content"
-    android:layout_height="wrap_content"
-    android:orientation="horizontal"
-    app:layout_constraintGuide_begin="10dp" />
-
-  <androidx.constraintlayout.widget.Guideline
-    android:id="@+id/guideline2"
-    android:layout_width="wrap_content"
-    android:layout_height="wrap_content"
-    android:orientation="vertical"
-    app:layout_constraintGuide_begin="20dp" />
-
-  <!-- add horizontal end guide line -->
-  <androidx.constraintlayout.widget.Guideline
-    android:id="@+id/guideline3"
-    android:layout_width="wrap_content"
-    android:layout_height="wrap_content"
-    android:orientation="horizontal"
-    app:layout_constraintGuide_end="10dp" />
-
-  <!-- add vertical end guide line -->
-  <androidx.constraintlayout.widget.Guideline
-    android:id="@+id/guideline4"
-    android:layout_width="wrap_content"
-    android:layout_height="wrap_content"
-    android:orientation="vertical"
-    app:layout_constraintGuide_end="20dp" />
-
-
-</androidx.constraintlayout.widget.ConstraintLayout>
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+  xmlns:app="http://schemas.android.com/apk/res-auto"
+  xmlns:tool="http://schemas.android.com/tools"
+  android:layout_width="match_parent"
+  android:layout_height="match_parent"
+  android:background="#59000000"
+  android:visibility="visible"
+  app:layout_constraintEnd_toEndOf="parent"
+  app:layout_constraintStart_toStartOf="parent"
+  app:layout_constraintTop_toTopOf="parent">
+
+
+  <androidx.constraintlayout.widget.ConstraintLayout
+    android:id="@+id/layout_header_view"
+    android:layout_width="0dp"
+    android:layout_height="wrap_content"
+    android:layout_marginTop="10dp"
+    android:layout_marginEnd="20dp"
+    android:orientation="horizontal"
+    app:layout_constraintEnd_toStartOf="@+id/right_buttons"
+    app:layout_constraintStart_toStartOf="parent"
+    app:layout_constraintTop_toTopOf="parent">
+
+    <ImageButton
+      android:id="@+id/exo_close"
+      android:layout_width="48dp"
+      android:layout_height="48dp"
+      android:layout_gravity="center"
+      android:background="?actionBarItemBackground"
+      android:ellipsize="end"
+      android:scaleX="1.3"
+      android:scaleY="1.3"
+      android:src="@drawable/ic_arrow_left"
+      tool:ignore="MissingConstraints"
+      android:contentDescription="Back button"/>
+
+    <androidx.appcompat.widget.AppCompatTextView
+      android:id="@+id/header_tv"
+      android:layout_width="match_parent"
+      android:layout_height="wrap_content"
+      android:layout_gravity="center"
+      android:ellipsize="end"
+      android:maxLines="2"
+      android:paddingStart="50dp"
+
+      android:text="Main text title"
+      android:textColor="@color/white"
+      android:textSize="18sp"
+      app:layout_constraintBottom_toTopOf="@id/header_below"
+      app:layout_constraintStart_toEndOf="@id/exo_close"
+      app:layout_constraintTop_toTopOf="parent"
+
+      app:layout_constraintWidth_max="wrap" />
+
+    <androidx.appcompat.widget.AppCompatTextView
+      android:id="@+id/header_below"
+      android:layout_width="match_parent"
+      android:layout_height="wrap_content"
+      android:layout_gravity="center"
+      android:ellipsize="end"
+      android:maxLines="2"
+      android:paddingStart="50dp"
+      android:text="Subtitle"
+      android:textColor="@color/white"
+      android:textSize="12sp"
+      app:layout_constraintTop_toBottomOf="@+id/header_tv"
+      app:layout_constraintStart_toEndOf="@id/exo_close"
+      app:layout_constraintWidth_max="wrap"
+      app:layout_constraintWidth_percent="0.9" />
+
+
+  </androidx.constraintlayout.widget.ConstraintLayout>
+
+  <LinearLayout
+    android:id="@+id/right_buttons"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:layout_marginTop="10dp"
+    app:layout_constraintTop_toTopOf="parent"
+    app:layout_constraintEnd_toEndOf="@id/lock_layout"
+    app:layout_constraintStart_toEndOf="@id/layout_header_view">
+
+    <androidx.mediarouter.app.MediaRouteButton
+      android:id="@+id/media_route_button"
+      android:layout_width="48dp"
+      android:layout_height="48dp"
+      android:layout_weight="1"
+      android:mediaRouteTypes="user"
+      android:background="?actionBarItemBackground"
+      app:layout_constraintTop_toTopOf="parent"
+      app:layout_constraintStart_toStartOf="parent"
+      app:layout_constraintEnd_toStartOf="@id/exo_pip"
+      android:visibility="gone"/>
+
+    <ImageButton
+      android:id="@+id/exo_pip"
+      android:layout_width="48dp"
+      android:layout_height="48dp"
+      android:background="?actionBarItemBackground"
+      android:src="@drawable/ic_pip_white"
+      app:layout_constraintEnd_toStartOf="@id/exo_resize"
+      app:layout_constraintTop_toTopOf="parent"
+      app:layout_constraintStart_toEndOf="@id/media_route_button"
+      app:layout_constraintBottom_toBottomOf="parent"
+      android:visibility="gone"
+      android:contentDescription="Picture in picture button"/>
+
+    <ImageButton
+      android:id="@+id/exo_resize"
+      android:layout_width="48dp"
+      android:layout_height="48dp"
+      android:layout_gravity="center"
+      android:background="?actionBarItemBackground"
+      android:src="@drawable/ic_expand"
+      app:layout_constraintEnd_toEndOf="parent"
+      app:layout_constraintTop_toTopOf="parent"
+      app:layout_constraintStart_toEndOf="@id/exo_pip"
+      app:layout_constraintBottom_toBottomOf="parent"
+      android:visibility="gone"
+      android:contentDescription="Resize button"/>
+
+  </LinearLayout>
+
+  <LinearLayout
+    android:id="@+id/lock_layout"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:layout_marginTop="10dp"
+    app:layout_constraintTop_toTopOf="parent"
+    app:layout_constraintEnd_toEndOf="parent"
+    app:layout_constraintStart_toEndOf="@id/right_buttons">
+
+    <ImageButton
+      android:id="@+id/player_lock"
+      android:layout_width="48dp"
+      android:layout_height="48dp"
+      android:layout_gravity="center"
+      android:background="?actionBarItemBackground"
+      app:layout_constraintEnd_toEndOf="parent"
+      app:layout_constraintTop_toTopOf="parent"
+      app:layout_constraintStart_toEndOf="parent"
+      app:layout_constraintBottom_toBottomOf="parent"
+      android:src="@drawable/ic_outline_lock"
+      android:visibility="gone"
+      android:contentDescription="Lock button"/>
+  </LinearLayout>
+
+
+  <androidx.constraintlayout.widget.Barrier
+    android:id="@+id/barrier_left"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    app:barrierDirection="left"
+    app:constraint_referenced_ids="exo_pause,exo_play" />
+
+  <ImageButton
+    android:id="@+id/exo_rew"
+    style="@style/ExoMediaButton.Rewind"
+    android:layout_marginRight="40dp"
+    android:src="@drawable/ic_exo_icon_rewind"
+    android:visibility="visible"
+    app:layout_constraintBottom_toBottomOf="@id/exo_play"
+    app:layout_constraintRight_toLeftOf="@+id/barrier_left"
+    app:layout_constraintTop_toTopOf="@id/exo_play"
+    android:background="?actionBarItemBackground"/>
+
+  <ImageButton
+    android:id="@+id/exo_ffwd"
+    style="@style/ExoMediaButton.FastForward"
+    android:layout_marginLeft="40dp"
+    android:src="@drawable/ic_exo_icon_fastforward"
+    android:visibility="visible"
+    app:layout_constraintBottom_toBottomOf="@id/exo_play"
+    app:layout_constraintLeft_toRightOf="@+id/barrier_right"
+    app:layout_constraintTop_toTopOf="@id/exo_play"
+    android:background="?actionBarItemBackground"/>
+
+  <androidx.constraintlayout.widget.Barrier
+    android:id="@+id/barrier_right"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    app:barrierDirection="right"
+    app:constraint_referenced_ids="exo_pause,exo_play" />
+
+  <ImageButton
+    android:id="@+id/exo_play"
+    style="@style/ExoMediaButton.Play"
+    android:layout_width="56dp"
+    android:layout_height="56dp"
+    android:src="@drawable/ic_exo_icon_play"
+    app:layout_constraintBottom_toBottomOf="parent"
+    app:layout_constraintEnd_toEndOf="parent"
+    app:layout_constraintStart_toStartOf="parent"
+    app:layout_constraintTop_toTopOf="parent"
+    android:background="?actionBarItemBackground"/>
+
+  <ImageButton
+    android:id="@+id/exo_pause"
+    style="@style/ExoMediaButton.Pause"
+    android:layout_width="56dp"
+    android:layout_height="56dp"
+    android:src="@drawable/ic_exo_icon_pause"
+    app:layout_constraintBottom_toBottomOf="parent"
+    app:layout_constraintEnd_toEndOf="parent"
+    app:layout_constraintStart_toStartOf="parent"
+    app:layout_constraintTop_toTopOf="parent"
+    android:background="?actionBarItemBackground"/>
+
+  <LinearLayout
+    android:id="@+id/cast_info"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_marginStart="20dp"
+    android:layout_marginBottom="10dp"
+    android:layout_marginEnd="20dp"
+    android:orientation="horizontal"
+    app:layout_constraintBottom_toTopOf="@+id/videoTimeContainer"
+    app:layout_constraintEnd_toEndOf="parent"
+    app:layout_constraintStart_toStartOf="parent">
+
+    <androidx.appcompat.widget.AppCompatTextView
+      android:id="@+id/cast_message"
+      android:layout_width="wrap_content"
+      android:layout_height="wrap_content"
+      android:layout_gravity="center"
+      android:maxLines="2"
+      android:textColor="@color/white"
+      android:layout_marginEnd="10dp"
+      android:textSize="18sp"
+      app:layout_constraintStart_toStartOf="parent"
+      app:layout_constraintTop_toTopOf="parent"
+      app:layout_constraintWidth_max="wrap"
+      app:layout_constraintWidth_percent="0.9"
+      android:visibility="gone"
+      android:text="Casting Video" />
+
+    <LinearLayout
+      android:id="@+id/quality"
+      android:layout_width="wrap_content"
+      android:layout_height="wrap_content"
+      android:orientation="horizontal"
+      app:layout_constraintStart_toEndOf="parent"
+      app:layout_constraintTop_toBottomOf="@id/layout_header_view">
+
+      <ImageView
+        android:id="@+id/quality_icon"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_gravity="center"
+        android:src="@drawable/ic_baseline_lq"
+        android:visibility="gone"
+        app:layout_constraintTop_toBottomOf="@+id/header_below"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintWidth_max="wrap"/>
+
+      <androidx.appcompat.widget.AppCompatTextView
+        android:id="@+id/resolution_label"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_gravity="center"
+        android:ellipsize="end"
+        android:maxLines="1"
+        android:text="1280x720p"
+        android:paddingStart="3dp"
+        android:textColor="@color/white"
+        android:textSize="12sp"
+        android:visibility="gone"
+        app:layout_constraintTop_toBottomOf="@+id/header_below"
+        app:layout_constraintStart_toEndOf="@id/quality_icon"
+        app:layout_constraintWidth_max="wrap"
+        app:layout_constraintWidth_percent="0.9" />
+
+    </LinearLayout>
+
+  </LinearLayout>
+
+
+  <LinearLayout
+    android:id="@+id/videoTimeContainer"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_marginStart="20dp"
+    android:layout_marginEnd="20dp"
+    android:layout_marginBottom="10dp"
+    android:orientation="horizontal"
+    app:layout_constraintBottom_toBottomOf="parent"
+    app:layout_constraintEnd_toEndOf="parent"
+    app:layout_constraintStart_toStartOf="parent">
+
+    <TextView
+      android:id="@id/exo_position"
+      android:layout_width="wrap_content"
+      android:layout_height="wrap_content"
+      android:layout_gravity="center"
+      android:textColor="@color/white"
+      android:textSize="14sp"
+      app:layout_constraintBottom_toBottomOf="@id/exo_progress"
+      app:layout_constraintStart_toStartOf="parent"
+      app:layout_constraintTop_toTopOf="@+id/exo_progress"
+      tool:text="00:00" />
+
+    <androidx.media3.ui.DefaultTimeBar
+      android:id="@+id/exo_progress"
+      android:layout_width="0dp"
+      android:layout_height="wrap_content"
+      android:layout_gravity="center"
+
+      android:layout_weight="1"
+      app:buffered_color="@color/white_50"
+      app:played_color="#FFFFFF"
+      app:scrubber_color="#FFFFFF"
+      app:unplayed_color="@color/white_20" />
+
+    <TextView
+      android:id="@id/exo_duration"
+      android:layout_width="wrap_content"
+      android:layout_height="wrap_content"
+      android:layout_gravity="center_vertical"
+      android:gravity="right"
+      android:textColor="@color/white"
+      android:textSize="14sp"
+      app:layout_constraintBottom_toBottomOf="@id/exo_progress"
+      app:layout_constraintStart_toEndOf="@+id/exo_progress"
+      app:layout_constraintTop_toTopOf="@+id/exo_progress"
+      tool:text="00:00" />
+
+  </LinearLayout>
+
+  <androidx.constraintlayout.widget.Guideline
+    android:id="@+id/guideline"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:orientation="horizontal"
+    app:layout_constraintGuide_begin="10dp" />
+
+  <androidx.constraintlayout.widget.Guideline
+    android:id="@+id/guideline2"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:orientation="vertical"
+    app:layout_constraintGuide_begin="20dp" />
+
+  <!-- add horizontal end guide line -->
+  <androidx.constraintlayout.widget.Guideline
+    android:id="@+id/guideline3"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:orientation="horizontal"
+    app:layout_constraintGuide_end="10dp" />
+
+  <!-- add vertical end guide line -->
+  <androidx.constraintlayout.widget.Guideline
+    android:id="@+id/guideline4"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:orientation="vertical"
+    app:layout_constraintGuide_end="20dp" />
+
+
+</androidx.constraintlayout.widget.ConstraintLayout>