From f0705c612e69437efe20edf7b5049638b13425d6 Mon Sep 17 00:00:00 2001
From: Christian Schabesberger <chris.schabesberger@mailbox.org>
Date: Wed, 17 Feb 2016 23:55:19 +0100
Subject: [PATCH] removed play fab button

---
 .../newpipe/VideoItemDetailFragment.java      |  37 ++-
 .../ic_play_circle_transparent.png            | Bin 0 -> 2142 bytes
 .../ic_play_circle_transparent.png            | Bin 0 -> 1487 bytes
 .../ic_play_circle_transparent.png            | Bin 0 -> 2906 bytes
 .../ic_play_circle_transparent.png            | Bin 0 -> 4345 bytes
 .../ic_play_circle_transparent.png            | Bin 0 -> 6383 bytes
 .../layout-v18/fragment_videoitem_detail.xml  | 279 ++++++++++++++++++
 assets/ic_play_circle_transparent.svg         |  63 ++++
 assets/ic_play_circle_transparent_80px.svg    |  69 +++++
 9 files changed, 436 insertions(+), 12 deletions(-)
 create mode 100644 app/src/main/res/drawable-hdpi/ic_play_circle_transparent.png
 create mode 100644 app/src/main/res/drawable-mdpi/ic_play_circle_transparent.png
 create mode 100644 app/src/main/res/drawable-xhdpi/ic_play_circle_transparent.png
 create mode 100644 app/src/main/res/drawable-xxhdpi/ic_play_circle_transparent.png
 create mode 100644 app/src/main/res/drawable-xxxhdpi/ic_play_circle_transparent.png
 create mode 100644 app/src/main/res/layout-v18/fragment_videoitem_detail.xml
 create mode 100644 assets/ic_play_circle_transparent.svg
 create mode 100644 assets/ic_play_circle_transparent_80px.svg

diff --git a/app/src/main/java/org/schabi/newpipe/VideoItemDetailFragment.java b/app/src/main/java/org/schabi/newpipe/VideoItemDetailFragment.java
index d9977d5ba..d831d8770 100644
--- a/app/src/main/java/org/schabi/newpipe/VideoItemDetailFragment.java
+++ b/app/src/main/java/org/schabi/newpipe/VideoItemDetailFragment.java
@@ -98,6 +98,7 @@ public class VideoItemDetailFragment extends Fragment {
     private Bitmap videoThumbnail;
 
     private View thumbnailWindowLayout;
+    //this only remains dueto downwards compartiblity
     private FloatingActionButton playVideoButton;
     private final Point initialThumbnailPos = new Point(0, 0);
 
@@ -232,7 +233,13 @@ public class VideoItemDetailFragment extends Fragment {
             initThumbnailViews(info, nextVideoFrame);
 
             textContentLayout.setVisibility(View.VISIBLE);
-            playVideoButton.setVisibility(View.VISIBLE);
+            if (android.os.Build.VERSION.SDK_INT < 18) {
+                playVideoButton.setVisibility(View.VISIBLE);
+            } else {
+                ImageView playArrowView = (ImageView) activity.findViewById(R.id.playArrowView);
+                playArrowView.setVisibility(View.VISIBLE);
+            }
+
             if (!showNextVideoItem) {
                 nextVideoRootFrame.setVisibility(View.GONE);
                 similarTitle.setVisibility(View.GONE);
@@ -298,12 +305,14 @@ public class VideoItemDetailFragment extends Fragment {
                 playVideo(info);
             }
 
-            playVideoButton.setOnClickListener(new View.OnClickListener() {
-                @Override
-                public void onClick(View v) {
-                    playVideo(info);
-                }
-            });
+            if (android.os.Build.VERSION.SDK_INT < 18) {
+                playVideoButton.setOnClickListener(new View.OnClickListener() {
+                    @Override
+                    public void onClick(View v) {
+                        playVideo(info);
+                    }
+                });
+            }
 
             backgroundButton.setOnClickListener(new View.OnClickListener() {
                 @Override
@@ -440,7 +449,7 @@ public class VideoItemDetailFragment extends Fragment {
                     DownloadDialog downloadDialog = new DownloadDialog();
                     downloadDialog.setArguments(args);
                     downloadDialog.show(activity.getSupportFragmentManager(), "downloadDialog");
-                } catch(Exception e) {
+                } catch (Exception e) {
                     Toast.makeText(VideoItemDetailFragment.this.getActivity(),
                             R.string.could_not_setup_download_menu, Toast.LENGTH_LONG).show();
                     e.printStackTrace();
@@ -653,7 +662,9 @@ public class VideoItemDetailFragment extends Fragment {
     public void onActivityCreated(Bundle savedInstanceBundle) {
         super.onActivityCreated(savedInstanceBundle);
         Activity a = getActivity();
-        playVideoButton = (FloatingActionButton) a.findViewById(R.id.playVideoButton);
+        if (android.os.Build.VERSION.SDK_INT < 18) {
+            playVideoButton = (FloatingActionButton) a.findViewById(R.id.playVideoButton);
+        }
         thumbnailWindowLayout = a.findViewById(R.id.detailVideoThumbnailWindowLayout);
         Button backgroundButton = (Button)
                 a.findViewById(R.id.detailVideoThumbnailWindowBackgroundButton);
@@ -661,7 +672,7 @@ public class VideoItemDetailFragment extends Fragment {
         // Sometimes when this fragment is not visible it still gets initiated
         // then we must not try to access objects of this fragment.
         // Otherwise the applications would crash.
-        if(playVideoButton != null) {
+        if(backgroundButton != null) {
             try {
                 streamingServiceId = getArguments().getInt(STREAMING_SERVICE);
                 StreamingService streamingService = ServiceList.getService(streamingServiceId);
@@ -674,13 +685,15 @@ public class VideoItemDetailFragment extends Fragment {
                 e.printStackTrace();
             }
 
-            // todo: Fix this workaround (probably with a better design), so that older android
-            // versions don't have problems rendering the thumbnail right.
             if(Build.VERSION.SDK_INT >= 18) {
                 ImageView thumbnailView = (ImageView) activity.findViewById(R.id.detailThumbnailView);
                 thumbnailView.addOnLayoutChangeListener(new View.OnLayoutChangeListener() {
                     // This is used to synchronize the thumbnailWindowButton and the playVideoButton
                     // inside the ScrollView with the actual size of the thumbnail.
+                    //todo: onLayoutChage sometimes not triggered
+                    // background buttons area seem to overlap the thumbnail view
+                    // So although you just clicked slightly beneath the thumbnail the action still
+                    // gets triggered.
                     @Override
                     public void onLayoutChange(View v, int left, int top, int right, int bottom,
                                                int oldLeft, int oldTop, int oldRight, int oldBottom) {
diff --git a/app/src/main/res/drawable-hdpi/ic_play_circle_transparent.png b/app/src/main/res/drawable-hdpi/ic_play_circle_transparent.png
new file mode 100644
index 0000000000000000000000000000000000000000..4290e23460ebe44dd50467964707486815a832a4
GIT binary patch
literal 2142
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
U^h>^3dH?_b07*qoM6N<$g79qQlmGw#

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-mdpi/ic_play_circle_transparent.png b/app/src/main/res/drawable-mdpi/ic_play_circle_transparent.png
new file mode 100644
index 0000000000000000000000000000000000000000..743e4e810816c9fe0867151c96e4035f1deb34ea
GIT binary patch
literal 1487
zcmV;=1u*)FP)<h;3K|Lk000e1NJLTq002+`002-31^@s6juG;$00004b3#c}2nYxW
zd<bNS00009a7bBm000fw000fw0YWI7cmMzZ8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H11x!gqK~#90?VQVRRaF#+zl9C*um&Hkk`!ZLgh(BjG%|1?8Xs8X
z5hglOBJq*<KqJP#!D!PECI%&#IB}rXRumH-BNY-81wlrNiH%YaQ)%U4XqSV%4JX)p
z_Bs3Pea^Wz=bP@=y1%>Ey=y<#hK7cQhK7cQYLKc8NTRA;KrgTexC&Tci_Qbnz*%5I
zL}se7@c&dMpsLOTRsj9LN}vz85$JL>y$GBD#(`tNA>d~bnT=;{Yf2SRRRvfLtOeEp
zivx8%4IBVI2abq{2I|*IDFUkMLSP**2=qiA?j-OL@Ue)Tk33df0j+SGfb~Fk%(3QR
z3K#`Gh$&<=0abMXc$)Y#&c&a=UJ>~sM(4o=RMl&M?ZEA!`!2}0z_5r+hU_$`fU4RL
zyaZeuvfqGA0<Vk6ccD5ACZMWr2DXOmGZM4F9uXM{(OKaSYeSPqfi1<&DV0%RchQii
zkbqXaXMuZ*^iv_90=tTcIIo}qTWMeM0Pe$hk2l@|+TXm*MFy`4TU2#}Z(}b3RdqG+
znD3x9WSgqq=F>2@fU3F#*x}Q*#t5*(#<02Y5#a^u8|M{a3FZ$m7r6vf)jO%*3L_)~
zs=6jmgUkZjje%{sO=>@$RMiFUYKA;Ba1(G{etX)E>w%3~D`yhWej|gv7G>Za;FpN~
z=Ve3IS(tSOJ_uaxZ;z94;6-46#4+;F4Lp#gqEkS-Tw7PvA{Qd^kBIC7hA@XnRkPlH
z_EfUWz<%I{;`U_2ZhUU1dYA46R=Fx=5%8|!w&X)Z>f+LCT@_LVv`3G31T!ZG36~xQ
zE>vLyu*T)at{J!jbHH60BJvsVJk_{#H?Tadf=j^uaJKkUu}i0F;1Y0UKtl>qp-bPA
zR_GFNSwKUAP=QPLr4_am&|dT@EquvC$u7NARj+7Om^K4@a9{MPj1pbCi<HX&X#$pg
z6~l{?T)Jf>k|yB72!=$V1eb29MMnq-(bv+8S`~ECxke?V{YjiF&58i1>U`h{;Qk2R
zpKVpp5dx}eAMgrrbEF|!YLO=3R0KnUqpJ5{?jc?oahT~=1!)4F#9ZjEWh@xkWs_V4
zPPHm*DUOKDsOkwEOPMMt!DW;DmX=oGnqA}6Ou&*{HpzHep(~6z7SNDFsOo%GeFn4L
zUzT_PKc*GBX5is~hImu5%U({Z1}*`A!u$hOwkutM%O;ruj;B>fbzz%6bs(fgS*g%v
zlYH&Ey_#hy7bU+U4ePQ)#1BzieCeu?CC2*!6BG6pHYWoWyKIsP;HayTa|YTeyf1`B
zY1G7JlZ<7#e4ceTW*>2vb~j;mmaBHz|2RX&y~Rud+GM@aA{IG#1S4Wy7|EKTm}fum
zeavrRr*n!NlO?l&B60zE%g3TN<BdG&vAK4nMdT|?)?=q~P(*UYy*^v|!<Zc0PUAGN
zGjF5Z0@{4rS20<Sox&_IBqD$1ZRmBVBqB$EJw9z~%5D)k<kQgmRL<txzUSM%M!YK`
zW4?`x9&7H!q>Q#JpI|Zsya|<X{V*mNZYQcwxK3hIMjxmChxIeSn?>9<N$5u>ZUtVZ
zzR8G_z-uD%eW(s&JbSVPcn%l{-FHC_0y}*|l{8{Myz>+#?IWge8hE>H9^Oe}^UXE_
z4-q$2Y%b0KBfy7t9Uq0V9v@qP$vqn+{<Yx=U<}yb_K%NUjtzNM0e52(ctYKRodUkW
zoZlSnxaaTY!iu?^OAjzE1D2BQ0mk2fUonT?hk@f|ik75S&otTF@I9Dw=*3*RC3_C|
p8#B}XsM8am4Gj$q4Gj%d@h=HbddLw|^^^br002ovPDHLkV1h(vnmqsj

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-xhdpi/ic_play_circle_transparent.png b/app/src/main/res/drawable-xhdpi/ic_play_circle_transparent.png
new file mode 100644
index 0000000000000000000000000000000000000000..afb9a7bf6b026249aacf4c61a49165694f56b2dd
GIT binary patch
literal 2906
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
Z(U$tv^<2;DX2Bc`a<p~D-nSuM{~tf|NvHq-

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-xxhdpi/ic_play_circle_transparent.png b/app/src/main/res/drawable-xxhdpi/ic_play_circle_transparent.png
new file mode 100644
index 0000000000000000000000000000000000000000..5d7afaef45c3c66b156575394fa5e6cfbf9ab055
GIT binary patch
literal 4345
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

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-xxxhdpi/ic_play_circle_transparent.png b/app/src/main/res/drawable-xxxhdpi/ic_play_circle_transparent.png
new file mode 100644
index 0000000000000000000000000000000000000000..5bc515bf2976c1f0628fb1cddbbadad6cedc7ab1
GIT binary patch
literal 6383
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
Y?nod(#D8l8e@=j$9sa^L*qy%gf5j*lcmMzZ

literal 0
HcmV?d00001

diff --git a/app/src/main/res/layout-v18/fragment_videoitem_detail.xml b/app/src/main/res/layout-v18/fragment_videoitem_detail.xml
new file mode 100644
index 000000000..5698fcf21
--- /dev/null
+++ b/app/src/main/res/layout-v18/fragment_videoitem_detail.xml
@@ -0,0 +1,279 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    tools:context=".VideoItemDetailFragment"
+    android:textIsSelectable="true"
+    style="?android:attr/textAppearanceLarge"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:id="@+id/videoitem_detail">
+
+    <com.nirhart.parallaxscroll.views.ParallaxScrollView
+        android:id="@+id/detailMainContent"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:visibility="visible"
+        app:parallax_factor="1.9"
+        tools:ignore="UselessParent">
+
+        <RelativeLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content">
+
+            <RelativeLayout
+                android:id="@+id/detailVideoThumbnailWindowLayout"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:background="?attr/selectableItemBackground">
+
+                <ImageView android:id="@+id/detailThumbnailView"
+                    android:contentDescription="@string/detail_thumbnail_view_description"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:scaleType="fitCenter"
+                    android:adjustViewBounds="true"
+                    android:layout_alignParentLeft="true"
+                    android:layout_alignParentStart="true"
+                    android:layout_alignParentTop="true"
+                    android:background="@android:color/black"
+                    android:src="@drawable/dummy_thumbnail_dark"/>
+
+                <ProgressBar android:id="@+id/detailProgressBar"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_centerInParent="true"
+                    android:indeterminate="true"/>
+
+                <ImageView android:id="@+id/playArrowView"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:background="@android:color/transparent"
+                    android:layout_centerInParent="true"
+                    android:src="@drawable/ic_play_circle_transparent"
+                    android:visibility="invisible"/>
+
+                <Button
+                    android:id="@+id/detailVideoThumbnailWindowBackgroundButton"
+                    android:layout_width="match_parent"
+                    android:layout_height="match_parent"
+                    android:background="?attr/selectableItemBackground"/>
+
+            </RelativeLayout>
+
+            <RelativeLayout android:id="@+id/detailTextContentLayout"
+
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:layout_below="@id/detailVideoThumbnailWindowLayout"
+                android:background="@color/light_background_color"
+                android:visibility="gone">
+
+                <LinearLayout
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:id="@+id/detailTopView">
+
+                    <TextView android:id="@+id/detailVideoTitleView"
+                        android:layout_width="0dp"
+                        android:layout_weight=".7"
+                        android:layout_height="wrap_content"
+                        android:textSize="@dimen/video_item_detail_title_text_size"
+                        android:textAppearance="?android:attr/textAppearanceLarge"
+                        android:layout_marginTop="12dp"
+                        android:layout_marginLeft="12dp"
+                        android:layout_marginStart="12dp"
+                        android:text="Title"/>
+
+                    <ImageView
+                        android:layout_width="15dp"
+                        android:layout_height="30dp"
+                        android:id="@+id/toggleDescriptionView"
+                        android:src="@drawable/arrow_down"
+                        android:layout_marginLeft="10dp"
+                        android:layout_marginStart="10dp"
+                        android:layout_marginRight="10dp"
+                        android:layout_marginEnd="10dp"
+                        android:layout_marginTop="8dp"/>
+
+                </LinearLayout>
+
+                <TextView android:id="@+id/detailViewCountView"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:textSize="@dimen/video_item_detail_views_text_size"
+                    android:textAppearance="?android:attr/textAppearanceLarge"
+                    android:layout_marginLeft="12dp"
+                    android:layout_marginStart="12dp"
+                    android:text="10,069,948 views"
+                    android:layout_below="@id/detailTopView"
+                    android:layout_alignParentLeft="true"
+                    android:layout_alignParentStart="true"
+                    android:layout_marginTop="5dp" />
+
+                <RelativeLayout
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_below="@id/detailViewCountView"
+                    android:id="@+id/detailExtraView"
+                    android:layout_marginLeft="12dp"
+                    android:layout_marginStart="12dp"
+                    android:layout_marginRight="12dp"
+                    android:layout_marginEnd="12dp"
+                    android:visibility="gone">
+                    <TextView android:id="@+id/detailUploadDateView"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:textSize="@dimen/video_item_detail_upload_date_text_size"
+                        android:textAppearance="?android:attr/textAppearanceMedium"
+                        android:text="Upload date"
+                        android:layout_marginTop="3dp" />
+
+                    <TextView android:id="@+id/detailDescriptionView"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:textSize="@dimen/video_item_detail_description_text_size"
+                        android:textAppearance="?android:attr/textAppearanceMedium"
+                        android:layout_below="@id/detailUploadDateView"
+                        android:text="Description............."
+                        android:layout_marginTop="3dp" />
+                </RelativeLayout>
+
+                <LinearLayout
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:id="@+id/linearLayout"
+                    android:layout_marginLeft="12dp"
+                    android:layout_marginStart="12dp"
+                    android:layout_below="@+id/detailExtraView"
+                    android:layout_alignParentRight="true"
+                    android:layout_alignParentEnd="true"
+                    android:layout_marginTop="5dp">
+                    <ImageView android:id="@+id/detailThumbsUpImgView"
+                        android:contentDescription="@string/detail_likes_img_view_description"
+                        android:layout_width="@dimen/video_item_detail_like_image_width"
+                        android:layout_height="@dimen/video_item_detail_like_image_height"
+                        android:src="@drawable/thumbs_up" />
+
+                    <TextView android:id="@+id/detailThumbsUpCountView"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:textSize="@dimen/video_item_detail_likes_text_size"
+                        android:textAppearance="?android:attr/textAppearanceMedium"
+                        android:text="200" />
+
+                    <ImageView android:id="@+id/detailThumbsDownImgView"
+                        android:contentDescription="@string/detail_dislikes_img_view_description"
+                        android:layout_width="@dimen/video_item_detail_like_image_width"
+                        android:layout_height="@dimen/video_item_detail_like_image_height"
+                        android:src="@drawable/thumbs_down"
+                        android:layout_marginLeft="10dp"
+                        android:layout_marginStart="10dp"/>
+
+                    <TextView android:id="@+id/detailThumbsDownCountView"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:textSize="@dimen/video_item_detail_likes_text_size"
+                        android:textAppearance="?android:attr/textAppearanceMedium"
+                        android:text="100" />
+                </LinearLayout>
+
+                <RelativeLayout
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_below="@+id/linearLayout"
+                    android:id="@+id/detailUploaderWrapView"
+                    android:layout_marginTop="12dp">
+
+                    <View
+                        android:background="#000"
+                        android:layout_width="match_parent"
+                        android:layout_height="1px" />
+
+                    <de.hdodenhof.circleimageview.CircleImageView android:id="@+id/detailUploaderThumbnailView"
+                        android:contentDescription="@string/detail_uploader_thumbnail_view_description"
+                        android:layout_width="@dimen/video_item_detail_uploader_image_size"
+                        android:layout_height="@dimen/video_item_detail_uploader_image_size"
+                        android:src="@drawable/buddy"
+                        android:layout_marginLeft="10dp"
+                        android:layout_marginStart="10dp"
+                        android:layout_alignParentLeft="true"
+                        android:layout_alignParentStart="true"
+                        android:layout_marginTop="5dp"
+                        android:layout_marginBottom="5dp"/>
+
+                    <TextView android:id="@+id/detailUploaderView"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:textStyle="bold"
+                        android:textSize="@dimen/video_item_detail_uploader_text_size"
+                        android:textAppearance="?android:attr/textAppearanceLarge"
+                        android:text="Uploader"
+                        android:layout_centerVertical="true"
+                        android:layout_toRightOf="@+id/detailUploaderThumbnailView"
+                        android:layout_toEndOf="@+id/detailUploaderThumbnailView"
+                        android:layout_marginLeft="15dp"
+                        android:layout_marginStart="28dp" />
+
+                    <View
+                        android:background="#000"
+                        android:layout_width="match_parent"
+                        android:layout_height="1px"
+                        android:layout_below="@id/detailUploaderThumbnailView"/>
+                </RelativeLayout>
+
+                <RelativeLayout android:id="@+id/detailNextVideoRootLayout"
+                    android:layout_width="match_parent"
+                    android:layout_height="match_parent"
+                    android:layout_gravity="center_horizontal|bottom"
+                    android:layout_below="@+id/detailUploaderWrapView"
+                    android:layout_centerHorizontal="true"
+                    android:layout_marginTop="10dp">
+
+                    <TextView android:id="@+id/detailNextVideoTitle"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_centerHorizontal="true"
+                        android:textSize="@dimen/video_item_detail_next_text_size"
+                        android:textAppearance="?android:attr/textAppearanceMedium"
+                        android:text="@string/next_video_title"
+                        android:textAllCaps="true" />
+
+                    <RelativeLayout android:id="@+id/detailNextVidButtonAndContentLayout"
+                        android:layout_width="match_parent"
+                        android:layout_height="match_parent"
+                        android:layout_below="@id/detailNextVideoTitle">
+                        <FrameLayout
+                            android:id="@+id/detailNextVideoFrame"
+                            android:layout_width="match_parent"
+                            android:layout_height="wrap_content"/>
+                        <Button
+                            android:id="@+id/detailNextVideoButton"
+                            android:layout_width="match_parent"
+                            android:layout_height="match_parent"
+                            android:layout_alignTop="@id/detailNextVideoFrame"
+                            android:layout_alignBottom="@id/detailNextVideoFrame"
+                            android:background="?attr/selectableItemBackground"/>
+                    </RelativeLayout>
+                    <TextView android:id="@+id/detailSimilarTitle"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_centerHorizontal="true"
+                        android:textSize="@dimen/video_item_detail_next_text_size"
+                        android:textAppearance="?android:attr/textAppearanceMedium"
+                        android:text="@string/similar_videos_btn_text"
+                        android:layout_below="@id/detailNextVidButtonAndContentLayout"
+                        android:textAllCaps="true" />
+                    <LinearLayout
+                        android:orientation="vertical"
+                        android:layout_width="match_parent"
+                        android:layout_height="match_parent"
+                        android:id="@+id/similarVideosView"
+                        android:layout_below="@id/detailSimilarTitle">
+                    </LinearLayout>
+                </RelativeLayout>
+            </RelativeLayout>
+        </RelativeLayout>
+    </com.nirhart.parallaxscroll.views.ParallaxScrollView>
+</FrameLayout>
\ No newline at end of file
diff --git a/assets/ic_play_circle_transparent.svg b/assets/ic_play_circle_transparent.svg
new file mode 100644
index 000000000..805475dc7
--- /dev/null
+++ b/assets/ic_play_circle_transparent.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="80"
+   viewBox="0 0 80 80"
+   width="80"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ic_play_circle_transparent.svg"
+   style="fill:#000000">
+  <metadata
+     id="metadata12">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#66666c"
+     borderopacity="0.90588235"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     id="namedview8"
+     showgrid="false"
+     borderlayer="false"
+     inkscape:zoom="4.8022522"
+     inkscape:cx="38.183981"
+     inkscape:cy="89.843249"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <path
+     d="m 0,56 24,0 0,24 -24,0 z"
+     id="path4"
+     inkscape:connector-curvature="0"
+     style="fill:none" />
+  <path
+     d="M 40.000001,6.6666663 C 21.6,6.6666663 6.6666667,21.6 6.6666667,40 6.6666667,58.4 21.6,73.333333 40.000001,73.333333 58.4,73.333333 73.333333,58.4 73.333333,40 73.333333,21.6 58.4,6.6666663 40.000001,6.6666663 Z M 33.333333,55 l 0,-30 20.000001,15 -20.000001,15 z"
+     id="path6"
+     style="fill:#ffffff;fill-opacity:0.70547944"
+     inkscape:connector-curvature="0" />
+</svg>
diff --git a/assets/ic_play_circle_transparent_80px.svg b/assets/ic_play_circle_transparent_80px.svg
new file mode 100644
index 000000000..091e75605
--- /dev/null
+++ b/assets/ic_play_circle_transparent_80px.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="80"
+   viewBox="0 0 80 80"
+   width="80"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ic_play_circle_transparent_80px.svg"
+   style="fill:#000000"
+   inkscape:export-filename="/home/the-scrabi/Desktop/ic_play_circle_transparent.png"
+   inkscape:export-xdpi="360"
+   inkscape:export-ydpi="360">
+  <metadata
+     id="metadata12">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#66666c"
+     borderopacity="0.90588235"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1044"
+     id="namedview8"
+     showgrid="false"
+     borderlayer="false"
+     inkscape:zoom="15.461127"
+     inkscape:cx="33.023889"
+     inkscape:cy="40.665216"
+     inkscape:window-x="1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <path
+     d="m 0,56 24,0 0,24 -24,0 z"
+     id="path4"
+     inkscape:connector-curvature="0"
+     style="fill:none" />
+  <path
+     d="M 39.999999,6.6666663 C 21.6,6.6666663 6.6666667,21.6 6.6666667,40 6.6666667,58.4 21.6,73.333333 39.999999,73.333333 58.4,73.333333 73.333333,58.4 73.333333,40 73.333333,21.6 58.4,6.6666663 39.999999,6.6666663 Z M 33.333333,55 l 0,-30 20.000001,15 -20.000001,15 z"
+     id="path6"
+     style="fill:#ffffff;fill-opacity:0.73287672"
+     inkscape:connector-curvature="0"
+     inkscape:export-xdpi="431.99997"
+     inkscape:export-ydpi="431.99997"
+     inkscape:export-filename="/home/the-scrabi/Desktop/path6.png" />
+</svg>