視頻畫中畫學習

最近在研究做視頻畫中畫

1，用Android原生的視頻播放器兩個videoview疊加，是可以實現視頻畫中畫的

但是用UPlayer和VideoView相互疊加。。就實現不了這個功能。

最後在佈局文件上找到了臨時的解決辦法。。只是爲了快速開發一個創業項目的app(好笑頭條君)

代碼如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <FrameLayout
        android:id="@+id/detail_activity_framelayout"
        android:layout_alignParentTop="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <RelativeLayout
            android:visibility="visible"
            android:id="@+id/detail_activity_danmu_video_layout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|right"
            android:layout_alignParentRight="true"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="@dimen/detail_activity_danmu_video_layout_marginbottom"
            android:layout_marginRight="@dimen/detail_activity_danmu_video_layout_marginright">

	    <!--此處是videoview層-->
            <VideoView
                android:visibility="visible"
                android:layout_width="@dimen/detail_activity_danmu_videoview_width"
                android:layout_height="@dimen/detail_activity_danmu_videoview_height"
                android:id="@+id/detail_activity_danmu_videoview"/>
        </RelativeLayout>
           <!--此處是底部播放器層-->
        <com.youku.player.base.YoukuPlayerView
            android:layout_alignParentTop="true"
            android:id="@+id/detail_activity_youkuplayview"
            android:visibility="visible"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >
        </com.youku.player.base.YoukuPlayerView>
        <ImageView
            android:visibility="invisible"
            android:layout_gravity="bottom|right"
            android:layout_alignParentRight="true"
            android:layout_alignParentBottom="true"
            android:id="@+id/detail_danmu_video_background"
            android:layout_marginBottom="@dimen/detail_danmu_video_background_marginbottom"
            android:layout_marginRight="@dimen/detail_danmu_video_background_marginright"
            android:background="@drawable/detail_danmushipin"
            android:layout_width="@dimen/detail_danmu_video_background_width"
            android:layout_height="@dimen/detail_danmu_video_background_height" />

        <RelativeLayout
            android:visibility="visible"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|right"
            android:layout_alignParentRight="true"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="@dimen/detail_activity_danmu_headicon_layout_marginbottom"
            android:layout_marginRight="@dimen/detail_activity_danmu_headicon_layout_marginright">
            <com.youku.widget.CircleImageView
                app:civ_border_width="2dp"
                app:civ_border_color="@color/transparent_gray"
                android:visibility="invisible"
                android:layout_marginLeft="10dp"
                android:id="@+id/detail_activity_danmu_headicon"
                android:layout_width="@dimen/detail_activity_danmu_headicon_width"
                android:layout_height="@dimen/detail_activity_danmu_headicon_height"
                android:src="@drawable/detail_head_def"/>
        </RelativeLayout>

    </FrameLayout>
    <!--
    <com.youku.play.plugin.PluginFullScreenLayout
        android:layout_weight="2"
        android:visibility="visible"
        android:layout_alignParentTop="true"
        android:id="@+id/detail_activity_videoview"
        android:layout_width="match_parent"
        android:layout_height="0dp" />-->

    <include
        android:id="@+id/detail_player_footer"
        layout="@layout/detail_player_footer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/detail_player_footer_margin"
        android:layout_below="@id/detail_activity_framelayout" />
    <include
        android:id="@+id/detail_footer_tab"
        layout="@layout/detail_footer_tab"
        android:layout_width="match_parent"
        android:layout_height="@dimen/detail_activity_detail_footer_tab"
        android:layout_alignParentBottom="true" />
    <ListView
        android:id="@+id/detail_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/detail_player_footer"
        android:layout_above="@id/detail_footer_tab"
        android:paddingTop="@dimen/detail_danmu_item_margin"
        android:paddingBottom="@dimen/detail_list_paddingbottom"
        android:background="#fefefe"
        android:divider="@null"
        android:cacheColorHint="@null"
        android:scrollbars="none"
        android:dividerHeight="@dimen/detail_list_dividerheight">
    </ListView>
</RelativeLayout>

2，整個播放器就是一個UPlayer+VideoView來實現畫中畫效果，另一個名稱叫視頻彈幕

效果圖如下：

其中小窗口的背景用的是掏空的一個黑色背景框。。。