YouTubeAPIPlayerStyle

【目的】
AndroidでYouTubeAPIを使用してYouTubeの動画のプレイヤーのスタイルを変更します。



【準備】
１．「Google APIsのYouTube Data API v3のAPIキーを取得する方法」の手順で、「YouTube Data API v3」のAPIキーを取得しておきます。
※APIキーの取得に指定するパッケージ名は「com.example.androidsample44_005」です。



【手順１】
１．「Androidプロジェクトの作成・実行方法(バージョン別一覧)」のAndroidプロジェクトの作成手順で、「AndroidSample44-005-YouTubeAPIPlayerStyle」といプロジェクトを作成。
※プロジェクトの設定は以下の通り。
※他の項目は任意。

項目名	項目に設定する値
アプリケーション名(Application Name)	com.example.androidsample44_005
プロジェクト名(Project Name)	AndroidSample44-005-YouTubeAPIPlayerStyle
パッケージ名(Package Name)	com.example.androidsample44_005
Build SDK	API 8
Minimum Required SDK	API 8

２．「YouTube Android Player API 1.0.0をライブラリに設定する方法」の手順でライブラリを設定。


【手順２】
１．「AndroidManifest.xml」は以下の通り。

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.androidsample44_005"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="8" />

    <uses-permission android:name="android.permission.INTERNET" />

    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.example.androidsample44_005.MainActivity"
            android:label="@string/title_activity_main" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

２．「Ctrl+Shift+F」を押し、コードをフォーマッティング。
３．「Ctrl+S」を押し、ファイルを保存。



【手順３】
１．「res/layout/activity_main.xml」は以下の通り。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <com.google.android.youtube.player.YouTubePlayerView
        android:id="@+id/youtube_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <RadioGroup
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onClickRadioStyleDefault"
            android:text="Default" />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onClickRadioStyleMinimal"
            android:text="Minimal" />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onClickRadioStyleChromeless"
            android:text="Chromeless" />
    </RadioGroup>

</LinearLayout>

２．「Ctrl+Shift+F」を押し、コードをフォーマッティング。
３．「Ctrl+S」を押し、ファイルを保存。



【手順４】
１．「src/com/example/androidsample44_005/MainActivity.java」は以下の通り。

package com.example.androidsample44_005;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.RadioButton;
import android.widget.Toast;

import com.google.android.youtube.player.YouTubeBaseActivity;
import com.google.android.youtube.player.YouTubeInitializationResult;
import com.google.android.youtube.player.YouTubePlayer;
import com.google.android.youtube.player.YouTubePlayer.PlayerStyle;
import com.google.android.youtube.player.YouTubePlayerView;

public class MainActivity extends YouTubeBaseActivity implements YouTubePlayer.OnInitializedListener {
    private static final String DEVELOPER_KEY = "YOUR_OWN_KEY";
    private static final String VIDEO_ID = "wKJ9KzGQq0w";
    private static final String INIT_ERROR_MESSAGE = "初期化に失敗しました。 (%1$s)";
    private static final int RECOVERY_DIALOG_REQUEST = 1;
    private YouTubePlayer player;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initYouTubeView();
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        if (requestCode == RECOVERY_DIALOG_REQUEST) {
            initYouTubeView();
        }
    }

    public void onInitializationFailure(YouTubePlayer.Provider provider, YouTubeInitializationResult errorReason) {
        if (errorReason.isUserRecoverableError()) {
            errorReason.getErrorDialog(this, RECOVERY_DIALOG_REQUEST).show();
        } else {
            String errorMessage = String.format(INIT_ERROR_MESSAGE, errorReason.toString());
            Toast.makeText(this, errorMessage, Toast.LENGTH_LONG).show();
        }
    }

    public void onInitializationSuccess(YouTubePlayer.Provider provider, YouTubePlayer player, boolean wasRestored) {
        this.player = player;
        if (!wasRestored) {
            player.cueVideo(VIDEO_ID);
        }
    }

    private void initYouTubeView() {
        YouTubePlayerView youTubeView = (YouTubePlayerView) findViewById(R.id.youtube_view);
        youTubeView.initialize(DEVELOPER_KEY, this);
    }

    public void onClickRadioStyleDefault(View view) {
        RadioButton radioButton = (RadioButton) view;

        if (radioButton.isChecked()) {
            this.player.setPlayerStyle(PlayerStyle.DEFAULT);
        }
    }

    public void onClickRadioStyleMinimal(View view) {
        RadioButton radioButton = (RadioButton) view;

        if (radioButton.isChecked()) {
            this.player.setPlayerStyle(PlayerStyle.MINIMAL);
        }
    }

    public void onClickRadioStyleChromeless(View view) {
        RadioButton radioButton = (RadioButton) view;

        if (radioButton.isChecked()) {
            this.player.setPlayerStyle(PlayerStyle.CHROMELESS);
        }
    }
}

２．「YOUR_OWN_KEY」を【準備】で取得しておいた、APIキーに変更。
３．「Ctrl+Shift+F」を押し、コードをフォーマッティング。
４．「Ctrl+S」を押し、ファイルを保存。



【手順５】
１．「Androidプロジェクトの作成・実行方法(バージョン別一覧)」のAndroidプロジェクトの実行手順で、実行。



【手順６】
１．以下の様に表示されれば成功です。

以上です。