2026年10月13日

WordPressのapi.video連携方法

メディア・画像

はじめに

API.videoはビデオストリーミングサービスを提供するクラウドプラットフォームです。この記事では、WordPressとAPI.videoを連携させるための手順について詳しく説明します。これにより、ユーザーは自分のウェブサイト上で高品質なビデオコンテンツを簡単に配信することが可能になります。

症状・背景

ユーザーがウェブサイトでビデオコンテンツを提供したい場合
高速で安定したストリーミングサービスが必要な場合
カスタムプラグインやテーマを使用して独自のビデオ機能を開発したい場合
セキュアなビデオ配信と管理を実現したい場合

手順・設定方法

ステップ1: APIキーの取得

API.videoでアカウントを作成し、プロジェクトにアクセスします。その後、"Settings"（設定）からAPIキーを取得します。

# ログインしてAPIキーを確認する
cd ~/api.video
curl -X GET "https://manage.api.video/v1/projects/{project_id}/keys" \
-H "Accept: application/json" \
-H "Api-Key: {your_api_key}" \
-H "Authorization: Bearer {access_token}"

ステップ2: WP REST APIプラグインのインストール

WP REST APIを使用してWordPressとAPI.videoを連携させるために、まずはWP REST APIプラグインをインストールします。

# プラグインを検索し、インストールする
wp plugin install wordpress-rest-api --activate

ステップ3: カスタムフィルターの追加

次に、カスタムフィルターファンクションを追加して、API.videoからデータを取得します。

# API.videoからのビデオ情報を取得する関数を作成
function get_api_video_videos() {
    $api_key = 'your_api_key';
    $url = "https://manage.api.video/v1/videos";
    
    // APIリクエストを送信
    $response = wp_remote_get( $url, array(
        'headers' => array('Api-Key' => $api_key),
    ) );
    
    if ( is_wp_error($response) )
        return [];
    
    $body = json_decode(wp_remote_retrieve_body($response), true);
    
    // データを整形して返す
    foreach ($body['videos'] as &$video) {
        $video['thumbnail_url'] = "https://manage.api.video/v1/videos/{$video['id']}/thumbnails/default";
    }
    
    return $body['videos'];
}

// WP REST APIでカスタムフィルターを追加
add_filter( 'rest_api_init', function() {
    register_rest_field( 'post', 'api_video_videos', array(
        'get_callback' => 'get_api_video_videos',
        'schema'       => null,
    ) );
} );

ステップ4: ビデオデータの表示

カスタムフィルターを追加した後、ビデオデータをテンプレートファイルで呼び出します。

# テンプレートファイルでビデオ情報を取り出す
foreach ( $post->api_video_videos as $video ) {
    echo '<div class="api-video"><iframe src="https://play.api.video/embed/videos/' . esc_attr( $video['id'] ) . '?autoplay=false" width="640" height="360"></iframe></div>';
}

注意事項

APIキーの管理には十分注意し、公開しないようにしてください。
テスト環境でAPI.videoとの連携を確認した上で本番環境に移行するようにしましょう。
サーバー負荷が高くなる可能性があるため、適切なキャッシュ設定を行ってください。
ビデオデータの配信や保存はセキュアな通信（HTTPS）を通じて行うことを推奨します。

まとめ

1. APIキーの取得: API.videoでプロジェクトを作成し、必要なAPIキーを取得します。

2. WP REST APIプラグインのインストール: プラグインを使用してWordPressとAPI.videoを連携させます。

3. カスタムフィルターの追加: WP REST APIにカスタムフィルターファンクションを追加します。

4. ビデオデータの表示: 取得したビデオ情報をテンプレートファイルで表示します。

5. セキュリティとパフォーマンス: 必要なセキュリティ対策とパフォーマンス最適化を行います。