Web サイトやモバイルサイトへのビデオの配信

ビデオを公開することにより、Scene7 サーバーから Web サイト、モバイルサイトまたはアプリケーションにビデオを配信できるようになります。

ビデオの公開に使用できる方法は次の 2 つあります。

ビデオを公開すると、HTML ページやアプリケーションのコードで使用できる URL 文字列が、Scene7 Publishing System によってアクティブになります。

ビデオを公開するには

ビデオの公開後、そのビデオの URL を取得して Web サイト、モバイルサイトまたはデスクトップアプリケーションで使用できます。このビデオ URL は、Web ページの上のポップアップウィンドウかモーダルウィンドウでビデオを再生する場合に使用します。

顧客がリンクをクリックすると、デバイス、帯域幅および画面サイズが自動的に検出されます。デスクトップの場合は、定義済みビューアでの再生に適したビデオが表示され、スマートフォンおよびタブレットの場合は、携帯端末のネイティブビデオプレーヤーでの再生に適したビデオが表示されます。

Web ページへのビデオビューアの埋め込み も参照してください。

ビデオ URL をモバイルサイトまたは Web サイトにリンクするには

1. アセットの参照パネルの「表示」ドロップダウンリストで「 ビデオ 」または「 アダプティブビデオセット 」をクリックします。

2. 左側のアセットライブラリパネルで、リンクするビデオまたはアダプティブビデオセットを含むアセットフォルダーに移動します。

3. アセットの参照パネルの上のツールバーの右側で、次のいずれかの操作を行います。

   • 「グリッドビュー」 または 「リストビュー」 をクリックします。アセットの参照パネルで、単一アセットのビデオサムネールをダブルクリックして、詳細ビューで開きます。右側の URL と埋め込みコードパネルの「HTTP ストリーミング」で、目的のビューアの右側の「 URL をコピー 」をクリックします。ベストプラクティスとして、 Universal_HTML5_Video ビューアに関連付けられた URL をコピーします。

   • 「グリッドビュー」 をクリックします。アセットの参照パネルで 1 つのアセットを選択して、サムネール画像の下にある プレビュー ／ ビューアリスト をクリックします。

     ビューアリストページの表の「アクション」列にある「 URL をコピー 」をクリックします。ベストプラクティスとして、 Universal_HTML5_Video ビューアに関連付けられた URL をコピーします。

   • 「リスト表示」 をクリックします。アセットの参照パネルで 1 つのアセットを選択して、サムネール画像の右側にある プレビュー ／ ビューアリスト をクリックします。

     ビューアリストページの表の「アクション」列にある「 URL をコピー 」をクリックします。ベストプラクティスとして、 Universal_HTML5_Video ビューアに関連付けられた URL をコピーします。

   • 「グリッドビュー」 、 「リストビュー」 、または 「詳細ビュー」 をクリックします。同じツールバーにある プレビュー ／ ビューアリスト をクリックします。

     ビューアリストページの表の「アクション」列にある「 URL をコピー 」をクリックします。ベストプラクティスとして、 Universal_HTML5_Video ビューアに関連付けられた URL をコピーします。

4. HTML5 ビデオ URL のリンクを Web サイトおよびモバイルサイトに貼り付けます。

Web ページにビデオを埋め込んで再生したい場合は、「埋め込みコード」機能を使用します。埋め込みコードをクリップボードにコピーして、Web ページに貼り付けることができます。埋め込みコードダイアログボックスでは、コードを編集することはできません。

ビデオ URL のモバイルサイトまたは Web サイトへのリンク も参照してください。

Web ページにビデオビューアを埋め込むには

1. アセットの参照パネルの「表示」ドロップダウンリストで「 ビデオ 」または「 アダプティブビデオセット 」をクリックします。

2. 左側のアセットライブラリパネルで、埋め込みコードをコピーしたいビデオまたはアダプティブビデオセットを含むアセットフォルダーに移動します。

3. アセットの参照パネルの上のツールバーの右側で、次のいずれかの操作を行います。

   • 「グリッドビュー」 または 「リストビュー」 をクリックします。アセットの参照パネルで、単一アセットのビデオサムネールをダブルクリックして、詳細ビューで開きます。右側の URL と埋め込みコードパネルの「HTTP ストリーミング」で、目的のビューアの右側の「 埋め込みコード 」をクリックします。ベストプラクティスとして、 Universal_HTML5_Video ビューアに関連付けられた「 埋め込みコード 」をクリックします。

   • 「 グリッドビュー 」をクリックします。アセットの参照パネルで 1 つのアセットを選択して、ビデオサムネール画像の下にある プレビュー ／ ビューアリスト をクリックします。

     ビューアリストページの表の「アクション」列にある「 埋め込みコード 」をクリックします。ベストプラクティスとして、 Universal_HTML5_Video ビューアに関連付けられた「 埋め込みコード 」をクリックします。

   • 「リスト表示」 をクリックします。アセットの参照パネルで 1 つのアセットを選択して、サムネール画像の右側にある プレビュー ／ ビューアリスト をクリックします。

     ビューアリストページの表の「アクション」列にある「 埋め込みコード 」をクリックします。ベストプラクティスとして、 Universal_HTML5_Video ビューアに関連付けられた「 埋め込みコード 」をクリックします。

   • 「グリッドビュー」 、 「リストビュー」 、または 「詳細ビュー」 をクリックします。同じツールバーにある プレビュー ／ ビューアリスト をクリックします。

     ビューアリストページの表の「アクション」列にある「 埋め込みコード 」をクリックします。ベストプラクティスとして、 Universal_HTML5_Video ビューアに関連付けられた「 埋め込みコード 」をクリックします。

4. 埋め込みコードダイアログボックスで、 「クリップボードにコピー」 をクリックします。

   埋め込みコードダイアログボックスでは、コードを編集することはできません。

5. 「 閉じる 」をクリックします。

6. 埋め込みコードを Web ページに貼り付けます。

<video poster="S7 video thumbnail URL" controls> 
        <source src="S7 OGG video asset URL (no player)" type='video/ogg; codecs="theora, vorbis"'/> 
        <source src="S7 MP4 mobile progressive video asset URL (no player)" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/> 
        <p>This is fallback content</p> 
</video>

Scene7 ビデオビューアの代わりに、サードパーティのビデオプレーヤーまたはカスタム仕様のビデオプレーヤーを使用する場合、HTTP および iOS のマルチビットレートビデオストリーミングまたはプログレッシブダウンロードに使用できるダイレクトビデオ URL を取得できます。

サードパーティのビデオプレーヤーを使用してビデオを配信するには

Scene7 は、再編集ビデオ、エンコードされたビデオ、あらかじめエンコードされたビデオのサムネールを生成します。ビデオサムネールは、画像アセットと同じように使用できます。また、Scene7 が生成するビデオサムネールの URL を取得して、これらの URL を SPS 以外の場所に配信できます。例えば、Web サイト上の検索結果、関連するビデオリスト、ビデオ再生リストにサムネールを配信できます。

ビデオの最初の不均一のフレーム（真っ黒でないフレーム、真っ白でないフレームなど）に基づきサムネールが生成されます。

再編集ビデオ も参照してください。