how to play youtube video in a custom circular view

Question

I want to crop youtube video in a circular view while playing. How can I achieve this? I have tried it by embedding it in a linear layout and then making the background of the layout as a circle but the youtube player view remains in the rectangular shape in this case.

 <LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/circle"
    android:gravity="center"
    >

<com.google.android.youtube.player.YouTubePlayerView
    android:id="@+id/youtube_view"
    android:layout_width="150dp"
    android:layout_height="150dp"
    />
</LinearLayout>

and background file

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid
    android:color="#666666"/>
<size
    android:width="200dp"
    android:height="200dp"/>
</shape>

youttube playview height width set to match-parent and padding 10dp.and just check it — dipali, Mar 23 '18 at 05:48
put this line in youtubeplayer android:background="@drawable/circle" — dipali, Mar 23 '18 at 05:53
setting background won't crop the video, as it is only a **background**. You should put your YouTube into a layout, which will crop it's children to the circle. Search for `android layout clip children circle` — Vladyslav Matviienko, Mar 23 '18 at 05:56
@dipali No its not working the thing is that youtube player is not changing its shape no matter what i am doing with its parent layout . it remains rectangular in shape — Rohan Sharma, Mar 23 '18 at 05:56
refer this, https://stackoverflow.com/a/23390070/1848157 more over you can customize it using this , https://github.com/airG/android-circular-expandable-videoview — Radhey, Mar 23 '18 at 06:01
@VladyslavMatviienko by doing that video aspects ratio is not maintained it doesnt get fit into the circle it just gets croped — Rohan Sharma, Mar 23 '18 at 07:28
And that is exactly what you have asked: `I want to crop youtube video in a circular view while playing` — Vladyslav Matviienko, Mar 23 '18 at 07:30
@VladyslavMatviienko crop means I want to fit that video into a circle while maintaining the aspect ratio of that video — Rohan Sharma, Mar 23 '18 at 07:31
that doesn't sound like crop. Can you draw a scheme of what you want? — Vladyslav Matviienko, Mar 23 '18 at 07:32
https://stackoverflow.com/questions/13517221/custom-layout-that-rounds-the-corners-of-its-content see the circular image in this link i want my video to run like this. maintaining the aspect ratio — Rohan Sharma, Mar 23 '18 at 07:38
it should work exactly this way. How does it look for you now? — Vladyslav Matviienko, Mar 23 '18 at 07:39
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/167396/discussion-between-rohan-sharma-and-vladyslav-matviienko). — Rohan Sharma, Mar 23 '18 at 07:42

score 1 · Answer 1 · answered Mar 23 '18 at 07:38

First you create a CircleLayout class from below Link.

https://github.com/dmitry-zaitsev/CircleLayout/blob/master/src/ru/biovamp/widget/CircleLayout.java

Add this styleable into you values.

<declare-styleable name="CircleLayout">
    <attr name="innerRadius" format="dimension" />
    <attr name="sliceDivider" format="reference|color" />
    <attr name="innerCircle" format="reference|color" />
    <attr name="angleOffset" format="float" />
    <attr name="angleRange" format="float" />
    <attr name="layoutMode">
        <enum name="normal" value="1" />
        <enum name="pie" value="2" />
    </attr>
    <attr name="dividerWidth" format="dimension" />
</declare-styleable>

After set your YouTubePlayerView in your layout like below:-

<packageName.CircleLayout
        android:layout_width="300dp"
        android:layout_height="300dp"
        app:layoutMode="pie"
        app:angleOffset="90.0">

        <com.google.android.youtube.player.YouTubePlayerView
            android:id="@+id/youtube_player_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="fitXY" />

    </packageName.CircleLayout>

Your YouTube View like below image:-

how to play youtube video in a custom circular view

1 Answers1