ビデオ、オーディオ、または画像をクラシック ページに追加する

適用先
SharePoint Server 2016 SharePoint Server 2013 Enterprise SharePoint Foundation 2013 SharePoint Server 2010

メディア (ビデオ、オーディオ、イメージなど) を従来の SharePoint ページに追加できます。 メディア ファイルは、コンピューター、SharePoint、またはファイル共有などの別の場所から取得できます。 YouTube、Vimeo、Hulu などのビデオ共有 Web サイトからビデオを埋め込むことができます。

警告

内のオーディオ ファイルをアップロードする場合。WAV 形式では、ほとんどのブラウザーで正しくないメッセージが表示される場合があります。 メッセージには、「Media Player Web パーツはこの形式でファイルを再生できません」と表示されます。 これは、Chrome を除くサポートされているすべてのブラウザーでは正しくありません。 メッセージを無視し、ファイルのアップロードを続行します。

重要

この手順に従うには、ページを編集するためのアクセス許可が必要です。

ビデオを従来の SharePoint、2016、または 2013 ページに挿入する

  1. メディアを追加するページに移動します。

  2. [ページ] タブを選びます。リボンの [編集] をクリックします。

  3. ページの編集可能な領域内をクリックします。

  4. [ 挿入 ] タブを選択し、リボンの [メディア ] グループで [ ビデオとオーディオ] をクリックします。
    編集リボンの [ビデオまたはオーディオの挿入] ボタン

  5. 次のオプションが表示されます。

    • コンピューターから
    • 埋め込む
    • SharePoint から
    • From Address

    これらのオプションのいずれかを使用してメディアを挿入する方法については、次のいずれかのリンクをクリックしてください。

コンピューター上からファイルをアップロードする

コンピューター上からファイルをアップロードするには、次の手順に従います。

  1. [コンピューターから] をクリックします。
  2. ブラウザーでファイルの場所を確認してファイルを選び、[開く] をクリックします。
  3. ファイルを格納するライブラリを指定します。
    格納先には、メディア ライブラリを指定することをお勧めします。 アセット ライブラリは特にメディア用に設計されており、画像プレビューやビデオのサムネイルなどの機能が自動的に含まれます。 これらの機能を使用すると、メディア ファイルを簡単に操作できます。
    メディア ファイル用のアセット ライブラリを設定する方法については、「イメージ、 オーディオ、またはビデオ ファイルを格納するためのアセット ライブラリの設定」を参照してください。
  4. [OK] をクリックします。

ビデオ共有 Web サイトからビデオを埋め込む

YouTube、Vimeo、Hulu などのビデオ共有 Web サイトからビデオを埋め込むには、次の基本的な手順に従います。

ビデオ サイトで、次の操作を行います。

  1. 使用するビデオを表示します。
  2. ビデオの [共有 ] を見つけてクリックします。
  3. サイトによっては、[ 埋め込み] リンクをクリックする必要がある場合や、そのリンクが表示される場合があります。 埋め込みコードをクリックし、Ctrl キーを押しながら C キーを押してコピーするか、右クリックしてコンテキスト メニューから [コピー ] をクリックします。

セキュリティ上の理由から、SharePoint では、 <iframe> タグを持つ埋め込みコードのみがサポートされています。

SharePoint サイトで、次の操作を行います。

  1. [埋め込み] をクリックします。

  2. 次に、埋め込みコードをダイアログ ボックスに貼り付けます。
    <iframe>ビデオ共有サイトからコピーされたビデオの埋め込みコードのスクリーンショット。埋め込みコードは架空のものです。

    ヒント

    通常、一般的なビデオ共有サイトからビデオの埋め込みコードを簡単に取得できます。 [埋め込み] または [共有] オプションを探し、画面の指示に従って埋め込みコードを表示するだけです。 埋め込みコードが表示されたら、それをコピーし、前の図に示すようにコードを貼り付けます。

  3. [挿入] をクリックします。

SharePoint サイトからビデオを追加する

SharePoint サイト上の場所からビデオを追加するには、次の手順に従います。

  1. [ SharePoint から ] をクリックします。これにより、目的のフォルダーまたはライブラリを参照できるアセット ピッカーが開きます。
  2. ビデオファイルやオーディオ ファイルが保存されている アセット ライブラリなど、サイト上の場所を参照します。
  3. 目的のファイルを選び、[挿入] をクリックします。

別の場所からビデオを追加する

Web 上の別の場所からビデオを追加するには、次の手順に従います。

  1. [アドレスから] をクリックします。
  2. 使用するファイルの URL を入力し、[OK] をクリックします。 URL はビデオ ファイルを直接指す必要があります。 例: http://contoso.com/VideoFile.wmv

メディア のプロパティとメディア Web パーツを編集する

ページにビデオまたはオーディオを追加すると、SharePoint によってメディア Web パーツが挿入されます。 メディアを追加したら、Web パーツをカスタマイズできます。 たとえば、サイズや場所を変更したり、タイトルを編集したり、カタログ ロゴを追加したりできます。

ページにビデオを追加するたびに、コンテンツのキャプションおよびオーディオ説明を必ず含めてください。 キャプションを使用すると、聴覚障碍のあるユーザーがコンテンツを知ることができるほか、また、ネイティブ スピーカー以外のビデオの視聴者を支援できます。

ページ上のメディア Web パーツを変更する場合は、次の手順に従います。

  1. ビデオが含まれているページに移動します。
  2. [ページ] タブを選び、[編集] をクリックします。
  3. ビデオがページに表示されたら、ビデオ 画像の任意の場所をクリックして、[メディア] タブとそのリボンを開きます。
    [編集] リボンの [メディア] タブ
  4. リボンの [プレビュー ] グループで、[ イメージの変更 ] をポイントし、オーディオまたはビデオ ファイルのプレビューとして表示するイメージ ファイルを選択します。 プレビュー イメージを更新しない場合は、ファイルの種類の既定のイメージが表示されます。
  5. [ プロパティ ] グループで、表示されるタイトルを入力または変更できます。 また、ページの読み込み時にファイルを自動的に再生するか、停止するまでループするかを指定することもできます。
  6. リボンの [ プレイヤー スタイル] グループで、[ スタイル ] をポイントし、プレーヤーに使用するスタイルを選択します。
  7. リボンの [サイズ ] グループで、プレイヤーの水平サイズと垂直サイズに加える変更を指定することもできます。
  8. メディア Web パーツを編集するには、メディア タイトルにマウス ポインターを合わせ、表示されている矢印をクリックして [Media Web パーツ] メニューを開きます。
    [Web パーツ メニュー] で [Web パーツの編集] を選択
  9. [ Web パーツの編集] を選択して、画面の横にある編集ウィンドウを開きます。
  10. [Web パーツの編集] パネルで、変更するプロパティを選択します。 変更を完了したら、[ 適用] をクリックします。
    メディアの Web パーツの [編集] パネルに、構成するプロパティの一部が表示されているスクリーンショット
  11. [ OK] を クリックして編集ウィンドウを閉じ、ページに戻ります。
  12. ページに対する変更が完了したら、[ページ] タブを選び、[保存] をクリックします。 ページがチェックアウトされている場合は、警告のメッセージとリンクが表示されるので、チェックインします。

トランスクリプトを含むオーディオ ファイルをページに埋め込む

小さくてスリムなコントロール バーを Web ページに配置する方法を次に示します。 このコントロール バーは、完全なメディアの Web パーツでは大きすぎる、ポッド キャストなどのオーディオ ファイルで最適に機能します。

  1. オーディオ ファイルおよびトランスクリプト ファイルを [サイトのリソース ファイル] フォルダーにアップロードします。

    1. [設定] メニューを開くには、右上隅の [設定] を選択します
    2. [サイト コンテンツ] リンクを選択します。
    3. [サイトのリソース ファイル] フォルダーに移動します。
    4. オーディオファイルとトランスクリプト ファイルをフォルダーにドラッグします。
    5. ファイルの URL を取得します。 ファイル操作メニューを開くには、ファイル名の横にある省略記号を選択します。 操作メニューからリンクをコピーして、別のファイルに貼り付けます。 このリンクは、後でオーディオ埋め込みコードに必要になります。
  2. [編集] リボンを開き、[編集] モードにするには、ビデオを表示するページで [編集] リンクを選択します。

  3. ビデオを表示する場所にフォーカスを移動します。

  4. [埋め込み] ダイアログ ボックスを開くには、[挿入] タブで [ビデオとオーディオ] グループを開き、[埋め込み] を選択します。

    ビデオ ファイルまたはオーディオ ファイルのスクリプトまたは埋め込みコードを貼り付け、コードを挿入する SharePoint Online の [埋め込み] ダイアログのスクリーンショット。

  5. 埋め込みコードをフィールドに貼り付けて、"src =" の後にオーディオ ファイルの URL を引用符で囲んで挿入します。
    <audio src="your-audio-file-URL-here.mp3"controls="controls"></audio>
    このコードにより、ページ上にメディア コントロール バーが配置されます。 ユーザーはこのバーを使用して、再生を開始および停止できます。

    ヒント

    埋め込みコードが正しく書式設定されていないか、または存在しないファイルの場所をポイントしている場合、[挿入] ボタンはアクティブになりません。

  6. 完了したら、[ 挿入 ] を選択して、オーディオ コントロールをページに配置します。 埋め込まれたオーディオ コントロールは、次のようになります。

    オーディオ ファイルの全時間長が示され、ファイルの再生を開始および停止するコントロールがある、SharePoint Online の [スニペット] オーディオ コントロール バーのスクリーンショット。

  7. オーディオ コントロール スニペットの最後にフォーカスを移動します。次の行に移動するには、Enter キーを押します。

  8. オーディオ トランスクリプト ファイルにリンクを挿入します。

    1. [メディアの選択] ダイアログ ボックスを開くには、[挿入] タブで [リンク]、[SharePoint から] の順に選択します。

    2. オーディオ トランスクリプト ファイルを選択し、Insert キーを押します。 これにより、ファイルの名前がリンクのテキストとなるハイパーリンクが挿入されます。

    3. リンク内のファイル名の最後の文字の直前に、フォーカスを移動します。 Backspace キーをゆっくり押して、ファイル名の最初と最後の文字を除くすべての文字を削除します。

      ヒント

      これにより、リンクはそのままの状態で、リンクのテキストを変更するために必要な正確な位置にカーソルを保持できます。

    4. リンクに適切なテキストを入力します。 たとえば、オーディオ トランスクリプトの場合、「オーディオ トランスクリプトを表示する」と入力します。

    5. ファイル名の残りの文字を削除します。

  9. 完了したら、ページの上部にある [保存] をクリックして、すべての変更を保存します。

Microsoft 365 ビデオまたはMicrosoft Stream ビデオ

SharePoint クラシックを使用している場合は、Office 365ビデオまたはMicrosoft Streamをページに追加できます。 「Microsoft 365 Video からビデオを埋め込む」または「Stream Web パーツを使用する」を参照してください。

画像に代替テキストを追加する

写真、画像、クリップ アート、オーディオを使用する場合は、 著作権を尊重する責任があります。

  1. [編集] リボンを開き、[編集] モードにするには、編集するページで [編集] リンクを選びます。

  2. 画像を表示する場所にフォーカスを移動します。

  3. [イメージのアップロード] ダイアログ ボックスを開くには、[挿入] タブで [画像] グループを開き、[コンピューターから] を選択します。

    SharePoint Online のリボンのスクリーンショット。[挿入] タブを選択し、[画像] を選択して、ファイルをコンピューター、Web アドレス、SharePoint の場所のいずれからアップロードするかを選択します。

    ヒント

    イメージ URL に貼り付けることでインターネットから画像を挿入するには、[アドレスから] を選択します。 SharePoint サイトからイメージを挿入するには、[ SharePoint から] を選択します。

  4. ファイルを選択し、SharePoint サイト内のコピー先フォルダー (既定では [サイト資産 ] フォルダー) を選択し、さまざまなイメージ バージョンに関するメモを含めます。

  5. 画像を挿入して [ イメージ ] タブをアクティブにするには、[ OK] を選択します

    [画像] タブが選択された SharePoint Online のリボンと、[選択]、[プロパティ]、[スタイル]、[配置]、[サイズ]、[間隔] の各グループの選択項目が示されているスクリーンショット。

    ヒント

    [イメージ] タブは、イメージの選択時にのみ表示されます。

  6. [イメージ] タブの [代替テキスト] ボックスに移動し、イメージの代替テキストを入力します。

  7. 作業が終了したら、[保存] をクリックします。

アクセシビリティに関するヒント

  • 代替テキストは、簡潔かつわかりやすい必要があります。
  • 適切な代替テキストは、その画像が重要な理由をリスナーに伝えます。

例や詳細情報へのリンクなど、代替テキストの詳細については、「 WebAIM 代替テキスト 」ページを参照してください。

サポートされているビデオ形式

Media Web パーツは HTML5 ビデオを使用し、.asf、.avi、.mpg、.mp3、.mp4、.ogg、.ogv、.webm、.wma、および.wmvビデオ形式をサポートします。

従来の Silverlight Media Web パーツでは、.asf、.mp3、.mp4、.wma、.wmvがサポートされています。

メモ: 上記のすべての形式がサポートされていますが、すべての形式にすぐにアクセスできるわけではありません (たとえば、.wmv)。 最もアクセシビリティの高いソリューションには、.mp4 形式を使用してください。