HTML5 動画配信オプションの設定

Product
Video Cloud
対象となる役割
パブリッシャ
バージョン
Brightcove 5
モジュール
Studio Home
エディション
すべて

このトピックでは、スマート プレーヤを使用するように Brightcove アカウントを構成する方法について説明します。スマート プレーヤは、HTML5 と Flash の両方で機能する動画プレーヤです。視聴者の機器が、Flash か HTML5 のどちらをサポートするかを自動的に検出して、適切なフォーマットを配信します。

Brightcove スマート プレーヤに関する概要、およびシングル動画プレーヤが Flash モードまたは HTML5 モードのいずれかで機能する仕組みは、HTML5 およびスマート プレーヤで動画を配信するを参照してください。

アカウントに HTML5 配信を構成する

Brightcove プレーヤがどのように HTML5 プレーヤ配信を使用するかは、Brightcove Studio の [アカウント設定] にある [公開設定] ページで構成できます。アカウントに HTML5 プレーヤ配信オプションを設定するには、以下の手順を行います。

このドキュメントは、HTML5 と Flash の両方で動作する動画プレーヤ、スマート プレーヤを使用するようにブライトコーブ アカウントを構成する方法について説明しています。スマート プレーヤは、視聴者のデバイスが Flash あるいは HTML5 をサポートし、動画を適切なフォーマットで配信するか、自動的に検出します。

Brightcove スマート プレーヤが動画プレーヤを作成し、Flash モードまたは HTML5 モードのいずれかで機能する仕組みは、「HTML5 およびスマート プレーヤで動画を配信する」および以下の動画を参照してください。

videos動画チュートリアル:HTML5 スマート プレーヤ

アカウントに HTML5 配信を構成する

Brightcove プレーヤがどのように HTML5 プレーヤ配信を使用するかは、Brightcove Studio の [アカウント設定] にある [公開設定] ページで構成できます。アカウントに HTML5 プレーヤ配信オプションを設定するには、以下の手順を行います。

  1. Brightcove Studio にサインインします。
  2. Brightcove Studio のホームページで、ナビゲーション バーの下部の右上にある [アカウント設定] リンクをクリックします。Studio のこの領域にアクセスするには、Administrator 権限が必要です。
  3. [アカウント設定] ページで、[公開設定] をクリックします。
  4. [公開設定] の [HTML5 プレーヤ配信] で [編集] をクリックします。
    HTML5 プレーヤの設定
    図 1 HTML5 プレーヤ配信オプション
  5. アカウントに設定したい HTML5 プレーヤ配信オプションを選択します。
  • Brightcove スマート プレーヤに必要に応じて HTML5 を使用させたい場合、[このアカウントの HTML5 プレーヤ配信を有効にする] を選択します。Brightcove スマート プレーヤの HTML5 使用を希望しない場合は、これをチェックしません。
  • 必要に応じて既存の全プレーヤに HTML5 を使用させたい場合、[既存のプレーヤ] の [HTML5 をオンにする] を選択します。既存のプレーヤで HTML5 を使用しない場合は、[HTML5 をオフにする] を選択します。:アカウントに既存のプレーヤが 100 個以上ある場合、このオプションは表示されません。その場合、すべての既存のプレーヤで HTML5 をオンにするには、ブライトコーブ カスタマ サポートにお問い合わせください。ただし、Publishing モジュールで個々のプレーヤについて HTML5 をオンにすることができます。
  1. [変更の保存] をクリックします。

個々のプレーヤについて HTML5 プレーヤ配信を有効にする

アカウントで HTML5 プレーヤ配信を有効にしていれば、個々のプレーヤで有効または無効にすることができます。プレーヤで HTML5 配信を有効または無効にするには、以下の手順を行います。

  1. Brightcove Studio の Publishing モジュールを開いて、プレーヤを選択します。
  2. [設定] をクリックします。
  3. [ウェブ設定] の [設定の編集] にある [グローバル] タブで、[HTML5 配信を有効にする] を選択すると HTML5 配信を有効にでき、選択を解除すれば無効にできます。
  4. [変更の保存] ボタンをクリックします。

アカウントで HTML5 プレーヤ配信を無効にしている場合、このプレーヤ レベルの設定は利用できません。一方で、HTML5 プレーヤ配信がアカウントで有効な場合、アカウントのデフォルト HTML5 プレーヤ配信設定を無効にして、プレーヤ レベルの設定を使用できます。

プレーヤ セキュリティの強化を構成する

スマート プレーヤは、デフォルトでプレーヤ セキュリティ強化機能を使用します。プレーヤ セキュリティの強化によって、ユーザー クライアントの Brightcove プレーヤとブライトコーブのサーバー間の通信の一部において、暗号化されたプレーヤ キーが必要となります。プレーヤ キーは、プレーヤ パブリッシング コードの playerKey 構成パラメータにあります。

Brightcove Studio でプレーヤ パブリッシング コードを取得すると、playerKey 構成パラメータが必ず含まれます。playerKey 構成パラメータは 2010 年 8 月 14 日の Brightcove 4.2 リリース以降に生成されたプレーヤ パブリッシング コードに含まれますが、それ以前に公開されたプレーヤには存在しません。

プレーヤのプレーヤ パブリッシング コードに playerKey 構成パラメータが存在しない場合、どうなりますか。

playerKey 構成パラメータの有無にかかわらず、通常 HTML5 モードでシングル動画プレーヤが動画をロードし再生します。ただし HTML5 モードのプレイリスト プレーヤはコンテンツをロードできないため、プレーヤで「コンテンツがない」のメッセージが表示されます。

Flash モードでは、playerKey 構成パラメータの存在に関わらず、すべてのプレーヤにおいて動画のロードと再生が可能です。

既存のプレイリスト プレーヤを HTML5 モードで動作させるには、どうすればよいですか。

既存のプレイリスト プレーヤが HTML5 モードで動画を再生できるようにするには、2 通りの方法があります。

ブライトコーブでは最初の方法を推奨しています。以下の場合のみ、2 番目の方法でスマート プレーヤのプレーヤ セキュリティの強化を無効にします。

  1. playerKey パラメータを持たないプレイリスト プレーヤ(2010 年 8 月 14 日より前に公開)が存在するにもかかわらず、これらをアップデートできず、これらプレーヤを HTML5 で配信したい場合、および
  2. プレーヤ セキュリティの強化を無効化する(暗号化されたplayerKeyではなくplayerIdを使ってコンテンツにアクセスすることを可能にする)ことにより、他者によってコンテンツ メタデータがより簡単に発見されてしまうことについて理解している。

playerKey を追加する

既存のスマート プレーヤで HTML5 モードでプレーヤ セキュリティ強化を利用するには、プレイリストを含む既存のプレーヤそれぞれに対し、プレーヤ パブリッシング コードをアップデートする必要があります。これにより、プレーヤ パブリッシング コードに playerKey 構成パラメータが含まれます。プレーヤ パブリッシング コードをアップデートするには以下を行います。

  1. Brightcove Studio にサインインします。
  2. Publishing モジュールで、プレーヤを選択します。
  3. Get Code をクリックして、プレーヤ パブリッシング コードをクリップボードにコピーします。

これ以降は、プレーヤの公開ワークフローによって手順が異なります。次の方法があります。

  • プレーヤのパブリッシング コードを、プレーヤをホストするウェブページに直接貼り付けます。
  • playerKey 構成パラメータを、コンテンツ管理システムのプレーヤのエントリに追加します。

プレーヤ セキュリティの強化を無効化する

アカウントでスマート プレーヤのプレーヤ セキュリティ強化を無効化するには、以下を行います。

  1. Brightcove Studio にサインインします。
  2. Brightcove Studio のホームページで、ナビゲーション バーの下部の右上にある [アカウント設定] リンクをクリックします。Studio のこの領域にアクセスするには、Administrator 権限が必要です。
  3. [アカウント設定] ページで、[公開設定] をクリックします。
  4. [公開設定] の [HTML5 プレーヤ配信] で [編集] をクリックします。
  5. [既存のプレーヤを維持するため、セキュリティの強化を無効にする] を選択します。
  6. [変更の保存] をクリックします。

 

タグ
html5, モバイル