要實現視訊背景登入介面其實也是在登入介面上放一個ViewPager控制元件然後在用一個Fragment迴圈播放一個小視訊即可，話不多說，下面來看效果圖

首先你要在資原始檔來新建一個raw檔案來存放本地視訊資源，同時你也可以播放線上視訊，原來都是差不多的，看個人的選擇

下面的是佈局檔案程式碼

    <?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/activity_login"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.lrrigation.lrrigation.LoginActivity">

    <android.support.v4.view.ViewPager
        android:id="@+id/video_vp"
 

        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:orientation="vertical">

        <RelativeLayout
 
            android:id="@+id/re_name"
            style="@style/login_use"
            android:layout_height="40dp"
            android:background="@drawable/bg_border_color_black">

            <ImageView
                android:id="@+id/login_user_icon"
                style="@style/login_icon"
                android:src="@drawable/iconmbile" />

            <com.lrrigation.lrrigation.CustomClass.EditTextWithDel
                android:id="@+id/user_edi"
                style="@style/login_edi"
                android:layout_toEndOf="@+id/login_user_icon"
                android:hint="請輸入您的賬號" />
        </RelativeLayout>

        <RelativeLayout
            android:id="@+id/re_pass"
            style="@style/login_use"
            android:layout_height="40dp"
            android:background="@drawable/bg_border_color_black">

            <ImageView
                android:id="@+id/code_icon"
                style="@style/login_icon"
                android:src="@drawable/codeicon" />

            <com.lrrigation.lrrigation.CustomClass.EditTextWithDel
                android:id="@+id/user_pass"
                style="@style/login_edi"
                android:layout_toEndOf="@+id/code_icon"
                android:hint="請輸入您的密碼" />
        </RelativeLayout>

        <LinearLayout
            style="@style/login_use"
            android:layout_height="wrap_content">

            <Button
                android:id="@+id/login_bty"
                android:text="登入"
               style="@style/login_bottom" />

            <Button
                android:id="@+id/register_bty"
                android:text="註冊"
                style="@style/login_bottom"  />
        </LinearLayout>

        <com.lrrigation.lrrigation.CustomClass.MyFrontTextView
            android:id="@+id/tv_forgetcode"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="40dp"
            android:text="忘記登入資訊？登陸需要幫助"
            android:textColor="@color/white_normal"
            android:textSize="13sp" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="70dp"
            android:layout_marginLeft="40dp"
            android:layout_marginRight="40dp"
            android:layout_marginTop="10dp"
            android:orientation="horizontal"
            android:weightSum="3">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:gravity="center">

                <ImageView
                    android:layout_width="45dp"
                    android:layout_height="45dp"
                    android:src="@drawable/weibo" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:gravity="center">

                <ImageView
                    android:layout_width="45dp"
                    android:layout_height="45dp"
                    android:src="@drawable/qq" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:gravity="center">

                <ImageView
                    android:layout_width="45dp"
                    android:layout_height="45dp"
                    android:src="@drawable/weixin" />
            </LinearLayout>

        </LinearLayout>

    </LinearLayout>

</RelativeLayout>

接下來是Fragment程式碼

public class VideoFragment extends Fragment{
    private CustomVideoView customVideoView;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        customVideoView = new CustomVideoView(getContext());
        /**獲取引數，根據不同的引數播放不同的視訊**/
        Uri uri;
        uri = Uri.parse("android.resource://" + getActivity().getPackageName() + "/" + R.raw.guide);
        /**播放視訊**/
        customVideoView.playVideo(uri);
        return customVideoView;
    }

    /**
     * 記得在銷燬的時候讓播放的視訊終止
     */
    @Override
    public void onDestroy() {
        super.onDestroy();
        if (customVideoView != null) {
            customVideoView.stopPlayback();
        }
    }
}

接下來是自定義VideoView控制元件

public class CustomVideoView extends VideoView {
    public CustomVideoView(Context context) {
        super(context);
    }

    public CustomVideoView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    public CustomVideoView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        setMeasuredDimension(View.MeasureSpec.getSize(widthMeasureSpec), View.MeasureSpec.getSize(heightMeasureSpec));
    }

    /**
     * 播放視訊
     *
     * @param uri 播放地址
     */
    public void playVideo(Uri uri) {
        if (uri == null) {
            throw new IllegalArgumentException("Uri can not be null");
        }
        /**設定播放路徑**/
        setVideoURI(uri);
        /**開始播放**/
        start();
        setOnPreparedListener(new MediaPlayer.OnPreparedListener() {

            @Override
            public void onPrepared(MediaPlayer mp) {
                /**設定迴圈播放**/
                mp.setLooping(true);
            }
        });
        setOnErrorListener(new MediaPlayer.OnErrorListener() {

            @Override
            public boolean onError(MediaPlayer mp, int what, int extra) {
                return true;
            }
        });
    }
}

下面來看看LoginActivity的程式碼

public class LoginActivity extends AppCompatActivity {
private ViewPager video_vp;
    private List<Fragment> fragments;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);//設定全屏
        initData();
        init_view();
    }
    private void init_view(){
        video_vp= (ViewPager) findViewById(R.id.video_vp);
        video_vp.setOffscreenPageLimit(1); //原為3
        video_vp.setAdapter(new MyPageAdapter(getSupportFragmentManager()));
    }
    /**
     * 初始化背景小視訊Fragment
     */
    private void initData() {
        fragments = new ArrayList<>();
        Fragment fragment1 = new VideoFragment();
        fragments.add(fragment1);
    }
    /**
     * viewpager介面卡
     */
    private class MyPageAdapter extends FragmentPagerAdapter {


        public  MyPageAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {

            return fragments.get(position);
        }

        @Override
        public int getCount() {

            return fragments.size();
        }
    }
}